參考 vue-cli 腳手架 安裝和Windows10環(huán)境下安裝Nodejs、cnpm
一、nodejs的安裝
兩個(gè)步驟：
1.直接去官網(wǎng)（即https://nodejs.org/en/）下載安裝包直接雙擊安裝
安裝成功后可以如下查看
$ node -v
2.進(jìn)入nodeJS的安裝目錄
npm install express -g （-g 表示全局安裝）
npm install jade
npm install mysql
二、npm的安裝
由于Nodejs自帶了npm猎唁，所以你安裝nodejs后，npm也會(huì)自行安裝。
接下來(lái)可以在命令行輸入下面命令來(lái)檢測(cè)安裝成功和版本號(hào)：
node -v 和npm -v监氢。若出現(xiàn)不是內(nèi)部命令看下一步。
一般安裝完后鉴象，windows系統(tǒng)會(huì)將安裝目錄自帶到系統(tǒng)變量Path路徑后面忙菠，否則的話，就在windows設(shè)置環(huán)境變量的地方纺弊，將Nodejs安裝路徑添加到Path路徑后面牛欢。（筆者此處是在Path后面新建E:\Program Files\nodejs）確認(rèn)后，重啟CMD淆游，進(jìn)行檢測(cè)node和npm傍睹。
三犹菱、cnpm的安裝
由于npm的鏡像是國(guó)外的拾稳，為了加快下載速度，可以通過(guò)國(guó)內(nèi)淘寶鏡像來(lái)下載腊脱，所以采用cnpm访得，當(dāng)然也可以不采用cnpm，直接把鏡像指向淘寶鏡像，接下來(lái)我說(shuō)下這兩種方式：
方法1. 直接指定registry為淘寶鏡像
npm config set registry https://registry.npm.taobao.org
然后若需要安裝gulp和less悍抑，可以直接用
npm install gulp less --save-dev
就是從taobao鏡像拿包了
方法2. 安裝cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
輸入上述命令即可安裝鳄炉，另外要注意的是，安裝完后搜骡，輸入cnpm -v進(jìn)行檢測(cè)拂盯。由于筆者操作了第四步，cnpm跟npm是分開(kāi)的记靡，即npm里沒(méi)有cnpm谈竿，之前設(shè)置的node環(huán)境變量對(duì)cnpm不起效，會(huì)出現(xiàn)輸入cnpm不是內(nèi)部命令這個(gè)問(wèn)題摸吠，此時(shí)各位需要注意的是空凸，一般這類問(wèn)題都是跟環(huán)境變量有關(guān)，此時(shí)需要在環(huán)境變量Path路徑后面加上E:\Program Files\nodejs\node_global蜕便，即cnpm腳本命令所在的文件夾目錄下劫恒。
四、vue-cli的安裝
1.安裝完成node轿腺。node有自帶的npm两嘴，可以直接在cmd中，找到nodeJs安裝的路徑下族壳，進(jìn)行命令行全局安裝vue-cli憔辫。
npm install -g vue-cli // 加-g是安裝到全局
想安裝速度快點(diǎn)，可以使用淘寶鏡像如下
npm install cnpm -g --registry=https://registry.npm.taobao.org
2.安裝后仿荆，檢查是否安裝成功（顯示版本則安裝成功）查看vue版本（注意-V是大寫(xiě)）
vue -V //注意-V是大寫(xiě)
3.使用vue建一個(gè)項(xiàng)目贰您，名叫“firstvueproject”
vue init webpack firstvueproject
