Angular CLI 命令行工具

工欲善其事必先利其器。好的工具让开发更加简单便捷。

 

1.全局安装angular cli

 

npm install -g @angular/cli

 

2.安装完成后就可以使用angular-cli命令行工具了。

2.1创建项目        ng new my-app

 

2.2.1创建组件     ng generate component  home   在根目录下创建home组件

            简写：  ng g component home

   在根目录的home文件中创建组

                       ng g component home/home-a

2.2.2创建指令    ng g directive nam

2.2.3创建服务    ng g service nam

2.2.4创建模块    ng g module nam

2.2.5创建管道    ng g pipe nam

2.2.6创建类       ng g class nam

2.2.7创建          ng g enum nam

2.2.8创建          ng g interface nam

2.2.9创建          ng g guard name

 

2.3运行项目      ng serve

在默认浏览器中打开运行效果

                      ng serve --open

指定端口          ng serve --port 4201  (默认4200)

 

2.4测试            ng test

使用karma进行单元测试

2.5端到端测试  ng e2e

使用protractor在当前应用中运行e2e测试

2.6                 ng lint 

在项目上运行codelyzer linter

2.7                ng format

使用clang-format格式化当前项目代码

2.8                ng get

从Angular-cli配置获取值

2.9                ng set

从Angular-cli配置中设置值

2.9构建            ng buid

当应用在开发环境中编写完成时，用ng build命令构建,在项目顶部生成一个dist文件。

这样，我们就可以把dist文件夹下面的所有文件部署到服务器上，完成开发。

 

这是生产构建
ng build --target=production --environment=prod
ng build --prod --env=prod
ng build --prod

这是开发构建
ng build --target=development --environment=dev
ng build --dev --e=dev
ng build --dev
ng build