從零搭建vue

第一步：

安裝node.js，通常安裝

 

長期維護版  相對比較穩定

點擊下載，下載好了以後雙擊運行，可選擇安裝路徑，而後一路下一步便可。

安裝完成後，在cmd輸入

node -v

若是出現版本號，則安裝成功。

 

第二步：

安裝npm：

通常安裝好nodejs的同時，npm也安裝好了。
cmd輸入

 npm -v

出現版本號，即npm安裝成功。
可是畢竟npm不是國產的，網速上偶爾會受到影響，保險起見，在安裝一個淘寶鏡像cnpm

cmd輸入

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

安裝完成後，cmd輸入

cnpm -v

顯示這麼一坨，即爲安裝成功

 

第三步：

安裝vue腳手架：

在cmd輸入

cnpm install --global vue-cli

安裝的時候是這樣的

安裝完成以後，cmd輸入 

vue

顯示操做提示，即爲安裝成功

磨刀不誤砍柴工，以上是磨刀階段，刀磨好了，試試我刀磨的利否。

-------------------------------試刀分割線---------------------------------------------

新建一個vue項目，測試一下是否能夠正常使用vue。

第一步，先建立一個vue項目，由於vue的相關依賴下載後很大是，因此建議不要放在c盤，能夠學eclipse同樣，創建一個工做空間，

個人工做空間是：E:\lzh\cdq\JavaScript\jiaoShouJia，打開cmd命令窗口，進入到目錄下，而後咱們開始建立新的項目輸入命令：

vue init webpack test

而後，一直回車，直到提示，是否安裝vue-router

輸入y

會提示 js語法檢測瞭解一下？先不須要，輸入n

 

後面的都n

 

第二步，進入到test項目中

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

cnpm install

 

第三步，咱們試運行下，測試咱們的工做空間是否能夠正常使用，輸入運行命令

npm run dev

顯示這樣，就大功告成了

cmd命令窗不要關閉，去瀏覽器輸入http://localhost:8080顯示下圖

 

 至此，整個測試項目搞定！趕快慶祝一下吧~