angular-cli安裝及build項目


1.安裝Node.js
URL:https://nodejs.org/en/download/
選擇合適的版本進行安裝


2.安裝AngularJS CLI
angular是用typescript編寫的,所以先安裝typescript,再安裝angularjs-cli
npm install -g typescript typings
npm install -g angular-cli --ignore-scripts
npm install


3.build項目

在需要build的路徑下,先運行npm install,再運行ng build,即可以生成build后的dist文件夾

 

tips:
清空npm緩存:npm cache clean
查看npm源:npm config get registry
臨時切換npm源為taobao源(速度快一點):npm config set registry https://registry.npm.taobao.org

設置可以查看npm進度:npm config set loglevel=http

 

-----------------------------------------------------------------------

 

安裝cli

npm install -g angular-cli

ng --version

ng help

如果安裝過以前的版本,請執行以下命令,進行更新:

npm uninstall -g angular-cli
npm cache clean
npm install -g angular-cli@latest

舊版本的cli使用的是SystemJS而最新的創建,是基於webpack構建。

舊版本的angular2(rc1-rc6)可以查看更新步驟

在這里有意思的是,筆者卸載angular-cli后,在安裝時出現了Build failed的錯誤最終找到原因是卸載沒有卸載干凈。去全局目錄中刪除相關的ng文件。

常用ng命令

ng new project-name - 創建一個新項目,置為默認設置
ng build - 構建/編譯應用
ng test - 運行單元測試
ng e2e - 運行端到端(end-to-end)測試
ng serve - 啟動一個小型web服務器,用於托管應用
ng deploy - 即開即用,部署到Github Pages或者Firebase
ng generate component my-comp - 生成一個新組件,同時生成其測試規格和相應的HTML/CSS文件
ng generate directive my-directive - 生成一個新指令
ng generate pipe my-pipe - 生成一個新管道
ng generate service my-service - 生成一個新服務
ng generate route my-route - 生成一個新路由
ng generate class my-class - 生成一個簡易的模型類


注意!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系我们删除。



 
粤ICP备14056181号  © 2014-2021 ITdaan.com