快速开始
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路径)