從零搭建vue項目---VUE從無到有

準備工做，要搭建Vue環境，首先要準備node.js

網址：http://nodejs.cn；

下載後手動安裝便可，無需特殊處理 

 

 

 

步驟2，安裝完成後，檢驗是否成功，打開CMD，輸入node -v;

步驟三，因爲在國內使用npm是很是慢的，因此在這裏咱們推薦使用淘寶npm鏡像；

 npm install -g cnpm --registry=http://registry.npm.taobao.org 

如圖：正在安裝

 

步驟四，如圖，安裝完成 

步驟五：安裝npm成功後，就能夠安裝  vue-cli腳手架，輸入命令：cnpm install --global vue-cli  回車

 

步驟六：輸入命令 vue -V 出現2.5.0表明VUE安裝成功；輸入命令 cnpm -V 出現4.4.0表明淘寶鏡像安裝成功

步驟八：出現如圖場景，則表示文件已經下載，輸入cd vue_demo，進入文件夾

步驟九：由於各個模板之間都是相互依賴的，因此如今咱們要安裝依賴，輸入命令：cnpm install

 

步驟十：輸入cnpm run dev，出現compiled successful ,表示啓動成功

 結果：在瀏覽器中輸入http://localhost:8080，出現以下圖片，表示項目搭建成功