ANGULARJS5从0开始(1) - 快速开始

快速开始

1.搭建AngularJS5运行环境，安装angularCLI
  npm install -g @angular/cli

2.创建新项目
  ng new xxx项目名（如：ng new my-app）

3.启动项目
  ng serve --open

4.添加新组件
  ng generate component newcomponent

5.添加新服务
  ng generate service hero --module=app
注释：
    参数--module=app 告诉 CLI 把它注册到 AppModule 的 imports 数组中

6.添加新路由
  ng generate module app-routing --flat --module=app
注释：
    参数--flat 把这个文件放进了 src/app 中，而不是单独的目录中
    参数--module=app 告诉 CLI 把它注册到 AppModule 的 imports 数组中

7.添加新指令
ng generate directive my-directive

8.添加新管道
ng generate pipe my-pipe

9.添加新模型类
ng generate class my-class

10.添加新模块
ng generate module my-module

11.从NPM上添加新的包
  npm install angular-in-memory-web-api --save

12.打包发布
ng build --prod (--aot)
注释：
ng build --prod 和 ng build --prod --aot 相同， 因为ng build时angular/cli默认集成了--aot。
如使用angular-cli搭建的项目，执行ng build后，浏览器打开空白，发现文件的路径不对，那是因为打包时默认打包后的文件都是放在网站根目录运行的。此问题解决方案：在package.json文件的scripts中添加命令："build":"ng build --base-href ./"或直接用命令：ng build --prod --base-href ./（–base-href后面替换成打包后的base路径）

转载于:https://www.cnblogs.com/domaple/p/8716042.html