工欲善其事必先利其器。好的工具让开发更加简单便捷。
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