Mac環境下Angular CLI配置

Mac環境下Angular CLI配置

Step 1 : 安裝nodejs

在nodejs官網下載安裝nodejs

Step 2：安裝阿里的npm替代工具cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

Step 3: 安裝Angular CLI

cnpm install -g @angular/cli

---

Step4：cnpm設置爲默認包管理工具

ng set --global packageManager=cnpm

Step5: 新建angular工程

ng new my-app

Step6: 啓動工程

cd my-app       //進入工程目錄
ng serve –open  //啓動工程

瀏覽器輸入 localhost：4200 ，顯示下圖即服務啓動

注意：

Step6中如果報錯The “@angular/compiler-cli” package was not properly installed

rm –rf node_modules //刪除node_modules
cnpm intall         //重新執行安裝模塊
ng serve –open      //最後啓動工程

---