一册招、安裝node.js（https://nodejs.org/en/）
下載完畢后，可以安裝node坦冠，建議安裝到D:\vueProject\nodejs
二、設(shè)置nodejs prefix（全局）和cache（緩存）路徑
nodejs安裝好之后算吩，通過npm下載全局模塊默認(rèn)安裝到{%USERDATA%}C:\Users\username\AppData\下的Roaming\npm下，這當(dāng)然是不太對(duì)的默認(rèn)撇贺。
分別設(shè)置路徑能夠把npm安裝的模塊集中在一起赌莺，便于管理。
1松嘶、在nodejs安裝路徑下艘狭，新建node_global和node_cache兩個(gè)文件夾
2、設(shè)置緩存文件夾
npm config set cache "D:\vueProject\nodejs\node_ cache"
設(shè)置全局模塊存放路徑
npm config set prefix "D:\vueProject\nodejs\node_global"
設(shè)置成功后翠订，之后用命令npm install XXX -g安裝以后模塊就在D:\vueProject\nodejs\node_global里
三巢音、基于 Node.js 安裝cnpm（淘寶鏡像）
npm install -g cnpm --registry=https://registry.npm.taobao.org
四、設(shè)置環(huán)境變量（非常重要）
說明：設(shè)置環(huán)境變量可以使得住任意目錄下都可以使用cnpm尽超、vue等命令官撼，而不需要輸入全路徑
1、鼠標(biāo)右鍵"此電腦"似谁，選擇“屬性”菜單傲绣，在彈出的“系統(tǒng)”對(duì)話框中左側(cè)選擇“高級(jí)系統(tǒng)設(shè)置”，彈出“系統(tǒng)屬性”對(duì)話框巩踏。
2秃诵、修改系統(tǒng)變量PATH
3、新增系統(tǒng)變量NODE_PATH
五塞琼、安裝Vue
nmp install vue -g
六菠净、安裝vue命令行工具，即vue-cli 腳手架
cnpm install vue-cli -g
?七彪杉、新項(xiàng)目的創(chuàng)建
1.打開存放新建項(xiàng)目的文件夾
打開開始菜單毅往，輸入 CMD，或使用快捷鍵 win+R派近，輸入 CMD攀唯，敲回車，彈出命令提示符渴丸。打開你將要新建的項(xiàng)目目錄
2.根據(jù)模版創(chuàng)建新項(xiàng)目
在當(dāng)前目錄下輸入“vue init webpack-simple 項(xiàng)目名稱（使用英文）”革答。
vue init webpack-simple?mytest
初始化完成后的項(xiàng)目目錄結(jié)構(gòu)如下：
3、安裝工程依賴模塊
定位到mytest的工程目錄下曙强，安裝該工程依賴的模塊残拐，這些模塊將被安裝在：mytest\node_module目錄下，node_module文件夾會(huì)被新建碟嘴，而且根據(jù)package.json的配置下載該項(xiàng)目的modules
cd mytest
cnpm install
4溪食、運(yùn)行該項(xiàng)目，測試一下該項(xiàng)目是否能夠正常工作娜扇，這種方式是用nodejs來啟動(dòng)错沃。
cnpm run dev
至此vue已經(jīng)可以在你電腦上運(yùn)行栅组，接下來就是運(yùn)行網(wǎng)上下載下來的項(xiàng)目
1.首先cd到項(xiàng)目目錄，比如我的項(xiàng)目目錄為cd desktop/vue-manage-system
2.安裝依賴
npm install?
安裝成功后你會(huì)發(fā)現(xiàn)項(xiàng)目里多了個(gè)
然后
npm run dev
自動(dòng)啟動(dòng)瀏覽器就會(huì)打開項(xiàng)目了
