全域性安裝 Angular CLI

2021-09-18 07:38:44 字數 875 閱讀 2107

網上關於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...