搭建vue腳手架

 

1.Node.js安裝

　　1.1下載安裝

　　　在node.js 官網下載， 根據本身電腦系統安裝，一直點下一步便可

　　1.2測試安裝是否成功

　　　　Windows+R打開cmd窗口，輸入node -v回車出現版本號，即安裝成功！

　　　　 

2.Vue.js安裝

　　2.1使用NPM安裝      —NPM: NPM是隨同NodeJS一塊兒安裝的包管理工具，能解決NodeJS代碼部署上的不少問題

　　　　2.1.1使用淘寶的鏡像及其命令 cnpm      安裝淘寶的鏡像： 

　　　　　　打開cmd命令框，輸入 
　　　　　　　　npm install -g cnpm –registry=https://registry.npm.taobao.org 回車

　　　　　　加載完成後
　　　　2.1.2在命令框輸入 
　　　　　　cnpm install vue 回車
　　　　　以上vue.js安裝完畢

3.腳手架搭建

　　3.1Vue-cli安裝 
　　　　在cmd命令框輸入 
　　　　cnpm install -g vue-cli（回車）

　　3.2搭建測試 
　　　　3.2.1.在你的vue安裝目錄下（我建立在E:\vue）新建文件夾vue 
　　　　3.2.2.打開cmd命令窗口輸入cd vue，進入E:\vue，輸入vue list能夠看到列出了能夠使用的模板 

　　　　　　

　　　　　　在命令框鍵入vue，看到描述　　　　

咱們init命令安裝 
vue init webpack test （我在這建的是test1，由於我本地已經建好了一個test）

 

注意建立新的文件時出現Project name以後要本身手動選擇建立選項，不然建立將會一直停留在Project name

 

進入test文件夾 

cd test 1

安裝依賴 
cnpm install 

啓動 
npm run dev

在瀏覽器打開

 

文件目錄