一、常用命令
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發布上去。這樣就可以了。
