用npm和cnpm、yarn創建angular項目

說明：npm（node package manager）是nodejs的包管理器，用於node插件管理（包括安裝、卸載、管理依賴等）
使用npm安裝插件：命令提示符執行npm install <name> [-g] [--save-dev] 
<name>：node插件名稱。 
例：npm install gulp-less --save-dev
-g：全局安裝。 
將會安裝在C:\Users\Administrator\AppData\Roaming\npm，並且寫入系統環境變量； 非全局安裝：將會安裝在當前定位目錄； 全局安裝可以通過命令行在任何地方調用它，本地安裝將安裝在定位目錄的node_modules文件夾下，通過require()調用；
--save：將保存配置信息至package.json（package.json是nodejs項目配置文件）；

-dev：保存至package.json的devDependencies節點，不指定-dev將保存至dependencies節點；

爲什麼要保存至package.json？因爲node插件包相對來說非常龐大，所以不加入版本管理，將配置信息寫入package.json並將其加入版本管理，其他開發者對應下載即可（命令提示符執行npm install，則會根據package.json下載所有需要的包）。
3.使用npm卸載插件：npm uninstall <name> [-g] [--save-dev] 
PS：不要直接刪除本地插件包 
4.使用npm更新插件：npm update <name> [-g] [--save-dev] 
5.更新全部插件：npm update [--save-dev] 
6.查看npm幫助：npm help 
7.查看當前目錄已安裝插件：npm list

PS：npm安裝插件過程：從http://registry.npmjs.org下載對應的插件包（該網站服務器位於國外，所以經常下載緩慢或出現異常），解決辦法往下看↓↓↓↓↓↓。
選裝cnpm

說明：因爲npm安裝插件是從國外服務器下載，受網絡影響大，可能出現異常，如果npm的服務器在中國就好了，所以我們樂於分享的淘寶團隊幹了這事。來自官網：“這是一個完整 npmjs.org 鏡像，你可以用此代替官方版本(只讀)，同步頻率目前爲 10分鐘 一次以保證儘量與官方服務同步。”
官方網址：http://npm.taobao.org
安裝：命令提示符執行npm install cnpm -g --registry=https://registry.npm.taobao.org
注意：安裝完後最好查看其版本號cnpm -v或關閉命令提示符重新打開，安裝完直接使用有可能會出現錯誤 
注：cnpm跟npm用法完全一致，只是在執行命令時將npm改爲cnpm。

淘寶鏡像安裝cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm -v
安裝vue：cnpm install -g vue-cli
vue init webpack demo1
cd demo1
cnpm install （用cnpm速度更快）
npm run dev
 # serve with hot reload at localhost:8080
安裝angular
npm install -g @angular/cli
ng new my-app
cd my-app
ng serve --open

47.106.79.168 root Ww959317服務器
全局安裝 Angular CLI
網上關於Angular CLI的安裝指南有很多，但總是缺一些細節，而這些細節總是導致各種各樣的錯誤。現將安裝過程記錄如下。
安裝前提：Nodejs已安裝！Nodejs中包含npm，可用來下載各種工具插件。
安裝步驟 
（1）若之前安裝過Angular CLI，則需要卸載，並清空緩存。
npm uninstall -g angular-cli
npm cache clean --force
1
2
若清空緩存出現Error，則可執行
npm cache clear --force && npm install --no-shrinkwrap --update-binary
1
（2）設置淘寶代理，以安裝cnpm。cnpm可代替npm，命令格式相同。

npm config rm proxy
npm config rm https-proxy
npm install cnpm -g --registry=https://registry.npm.taobao.org
1
2
3
（3）重啓命令行或者查看cnpm版本號

該步驟是重要的，否則可能因此一些不好解釋的問題~
cnpm -v
1
（4）使用cnpm安裝Angular CLI
cnpm install -g @angular/cli@latest
1
（5）設置cnpm爲global packageManager


若此時，創建工程，仍會報錯！原因在於global packageManager仍是npm。
Angular項目創建
創建工程指令爲：
ng new myheros
1
myheros爲工程名稱


執行指令，將cnpm設置爲global packageManager

ng set --global packageManager=cnpm
1
之後創建工程myheros

注意：！！！用npm安裝會出現很多問題，這也是我自己踩過的坑！推薦用yarn代替npm