網上關於angular cli的安裝指南有很多,但總是缺一些細節,而這些細節總是導致各種各樣的錯誤。現將安裝過程記錄如下。
安裝步驟
(1)若之前安裝過angular cli,則需要解除安裝,並清空快取。
npm uninstall -g angular-cli
npm cache clean --force
若清空快取出現error,則可執行
npm cache clear --force && npm install --no-shrinkwrap --update-binary
(2)設定****,以安裝cnpm。cnpm可代替npm,命令格式相同。
(3)重啟命令列或者檢視cnpm版本號
該步驟是重要的,否則可能因此一些不好解釋的問題~
cnpm -v
(4)使用cnpm安裝angular cli
cnpm install -g angular-cli@latest
(5)設定cnpm為global packagemanager
若此時,建立工程,仍會報錯!原因在於global packagemanager仍是npm。
建立工程指令為:
ng new myheros
myheros為工程名稱
執行指令,將cnpm設定為global packagemanager
ng set --global packagemanager=cnpm
之後建立工程myheros
至此,工程建立完畢。可按照angular教程,繼續之後操作。
Angular CLI 全域性指令碼
有的時候,我們需要載入全域性指令碼,例如 jquery 指令碼庫,第三方的控制項庫等等。比如 jquery 可以直接載入到 window 物件上,這就需要我們使用 angular 中的全域性指令碼來處理。這對於遺留的庫或者指令碼片段來說特別有用。scripts global script.js 可以...
Angular cli的安裝使用記錄
1.概述 angular cli 是乙個命令列介面 command line inte ce 用於實現前端自動化開發工作流程。輸入操作命令後,他會執行下面這些事情 1 建立乙個angular應用 2 執行乙個開發伺服器 3 新增功能到現有的angular應用程式 4 單元測試 5 構建打包前端應用程...
angular cli 安裝遇到的問題
最新的node安裝完成後,包含了npm,不需要安裝了 我們可以在cmd視窗下檢視安裝是否成功以及版本號,輸入如下 node v npm v 安裝cnpm npm install g cnpm registry 更改npm源設定成 的源 npm config set registry接下來我們安裝we...