1.安裝node.js(http://www.runoob.com/nodejs/nodejs-install-setup.html)
2.基于node.js,利用淘寶npm鏡像安裝相關(guān)依賴
在cmd里直接輸入:npm install -g cnpm –registry=https://registry.npm.taobao.org,回車,等待安裝...
3.安裝全局vue-cli腳手架,用于幫助搭建所需的模板框架
在cmd里 1)輸入:cnpm install -g vue-cli,回車,等待安裝...
2).輸入:vue,回車,若出現(xiàn)vue信息說明表示成功
4.創(chuàng)建項目
在cmd里輸入:vue init webpack vue_test(項目文件夾名),回車,等待一小會兒,依次出現(xiàn)‘git’下的項,可按下圖操作

5.安裝依賴
在cmd里 1).輸入:cd vue_test(項目名),回車,進入到具體項目文件夾
2).輸入:npm install,回車,等待一小會兒
回到項目文件夾,會發(fā)現(xiàn)項目結(jié)構(gòu)里,多了一個node_modules文件夾(該文件里的內(nèi)容就是之前安裝的依賴)
基于腳手架創(chuàng)建的默認項目結(jié)構(gòu)如下圖所示:

6.測試環(huán)境是否搭建成功
方法1:在cmd里輸入:npm run dev
方法2:在瀏覽里輸入:localhost:8080(默認端口為8080)
運行起來后的效果如下圖所示:

二 .技術(shù)棧
vue-router (路由)
cnpm install vue-router --save
vuex (類似于store)
cnpm install vuex --save
axios (ajax)
cnpm install axios--save
scss (css編譯)
cnpm install node-sass --save
cnpm install sass-loader --save
三.UI庫
iView (網(wǎng)站UI)
https://www.iviewui.com/ 官網(wǎng)
cnpm install iview --save
vue-blu (中后臺UI庫)
https://chenz24.github.io/vue-blu/#/components/button 地址
muse-ui (移動端UI庫)
cnpm install --save muse-ui
http://www.muse-ui.org/#/index