棱角 2应用的介绍和自动启动

Tavish Aggarwal.

为什么角度?

 

T

他的主要思想AngularJS是在网页中的HTML更新和JavaScript逻辑之间的逻辑分离。还与AngularJS一起,我们可以非常轻松地测试我们的应用程序。

 

Google团队对角度北京快3app进行了一些变化,这些概念完全不同于角度1.x。让我们看看这种剧烈变化需要什么:

  1. 在移动开发方面,角度1.x不是一个不错的选择。因此,谷歌提出了一大程度的北京快3app,完全专注于移动开发。这也是一个必要的一步,因为世界正在朝着移动第一驱动技术迈进。
  2. 棱角 北京快3app专注于ES6概念并支持所有最新的浏览器。
  3. 与新的角度北京快3app相比,角1.x慢较慢。 Angular 1.x的主构件块是控制器和$范围,被删除,并由组件和指令替换。
  4. 棱角 北京快3app基本上基于TypeScript(Agenular 北京快3app框架本身用TypeScript编写)。因此,它有助于维护编码标准。

Bootstrap Angular 2项目

有可用的命令行工具,可以帮助我们非常轻松地开始启动和引导角北京快3app应用程序。

要安装Angular CLI,请确保安装了Node.js,如果不首先安装Node.js,然后在命令提示符/终端中运行以下命令:

npm install -g angular-cli

  注意:应作为全局依赖安装上述包。不要错过-g标志。

 

安装后,将下面的命令运行以引导Angular 北京快3app项目。

ng new 'app-name'

将“App-Name”替换为您想要给予的Angular 北京快3app应用程序的名称。

 

所以现在我们的Angular 北京快3app应用程序已准备好服务。要满足App进入Angular 北京快3app应用程序目录并运行以下命令:

ng serve

这将为应用服务提供服务,并已准备好开发。在浏览器中打开URL,您将看到以下页面:

 

笔记:

  1. ng默认使用4200端口提供应用程序。如果在使用中,则可以指定端口,如:NG服务--Port 3000。
  2. 作为Angular 2 CLI使用Web Pack启动,因此注入webpack.config.js文件命令是:ng弹出

 

链接到Angular-CLI GitHub存储库:  https. :// GitHub. . com / 棱角 / 棱角 - CLI. .

了解Angular 北京快3app应用程序引导

运行应用程序的工作是由Angular-CLI工具在罩内完成的。但很高兴知道,实际上我们的角度2申请如何在幕后工作。所以让我们花一些时间来了解角度应用自动启动过程。请参阅图表如下图所示:

 

因此,所有文件都被加载,并由“webpack.config.js`”进行了保格。一旦加载所有文件,“main.js`是从角北京快3app引导过程开始的第一个文件。  

步骤1:  “main.js`文件”已加载并引导模块。在上面显示的图表中,模块名称为“AppModule”,一旦它引导模块`App.Module.ts`。

Step 2:'app.module.ts`文件是加载哪个引导组件。在上面显示的图表中,“AppComponent”被引导。

第3步: 启动组件后,将在组件中创建选择器。在上面的图表中,创建了“App-Root”选择器,然后查找标记名称并呈现模板URL代替标记。 

在上面的图表中,“app.Component.html”模板在`index.html`文件中呈现代替`<app-root>` tag.

这就是引导如何使用使用Web包的Angular-CLI在Angular 北京快3app应用程序中运行。

在即将到来的博客中,我们将深入进入Angular 北京快3app应用程序的概念,并将看到它比Angular 1.x更好。

作者信息

Tavish Aggarwal.

网站: http://tavishaggarwal.com

Tavish Aggarwal. 是一个数据科学家 在一个海德拉巴工作,具有广泛的经验,在跨电子商务,财务,医疗保健等等不同领域解决现实世界的业务问题。 他对技术充满热情,喜欢在团队中工作。

类别