标签：enter   images   scripts   fail   splay   serve   color   display   dex   

一、常用命令

1.1 npm config list配置项目

　　可进行相关代理配置，通常可以配置在网络环境较差的情况下，配置相关代理。相关的设置命令如图：

1.2 ng 新建启动项目

　　ng new project 新建项目
　　npm install 安装项目需要的包
　　ng serve启动项目　　  

 ng generate 生成相关文件

　　常见的有以下文件格式

　　比如生成一个User的组件就可以利用命令：

ng g c User

1.3 打包编译相关命令

ng serve --prod --aot 最小化打包启动
ng build --prod --aot 编译打包
ng test 测试用例

 这里--prod参数后，angular-cli会把用不到的包都删掉，而--aot参数是让angular-cli启动预编译特性。

 二、使用命令碰到的问题

2.1 使用ng build 进行打包的时候，在工程目录下会生成dist的文件夹，控制台提示failed to load resource。相关js等文件路径问题。

解决方案：

1.修改index.html中的base href    #在index.html页面里头将base href路径进行修改
2.使用ng build --base-href ./   #用该命令进行打包
3.在package.json中修改build命令  

方案3的解决方案：

在package.json 文件的scripts中添加命令

"build":"ng build --base-href ./" 

./可以替换成打包的路径，最后执行：

npm run build

2.2 打包越打越大问题

项目都完整之后，接下来就是令人头疼的打包问题。第一步在项目根目录下运行ng build（为了方便大家对比，所以先运行此命令），如下：

其次在运行ng build --prod --aot，截图如下：

这里--prod参数后，angular-cli会把用不到的包都删掉，而--aot参数是让angular-cli启动预编译特性。最后angular-cli会在项目根目录下生成一个dist目录，里面就是编译，压缩好的文件……此时你只需要将其红色方框内圈中的.js文件，发布到服务器上即可，或者也可将.gz发布上去。这样就可以了。

Angular2常用命令

标签：enter   images   scripts   fail   splay   serve   color   display   dex   

原文地址：http://www.cnblogs.com/shawWey/p/7846590.html