框架-angular--cli

 

 一：Angular-CL安装：

• npm install -g @angular/cli    (npm install -g angular-cli(老版本))
• ng --version
• ng help
• ng new my-project
• ng serve       (ng serve --prod --aot自动压缩和编译代码体积会更少)(http://localhost:4200/)  (ng serve --o,使用--open（或-o）参数可以自动打开浏览器并访问http://localhost:4200/)
• ng build (ng build --prod --aot)编译生成最终的代码会生成一个dist文件夹

• ng build

  构建工件将存储在 /dist 目录中。

  ng build可以指定构建目标（--target = production或--target = development）和要与该构建一起使用的环境文件（--environment = dev或--environment = prod）。 默认情况下，使用开发构建目标和环境。

  # 这是生产构建
  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

　　　　ng build --prod --sourcemap //方便定位

 

命令：ng generate,命令有简化版本如：ng g c User

　　cl:class

　　c:component

　　d:directive

　　e:enum

　　m:module

　　p:pipe

　　s:service

 webpack搭建项目不用angular-cli可以参考:https://github.com/kunl/Angular-webpack-AOT,webpack具体详细的用法可以参考https://my.oschina.net/mumu/blog