Vue安裝以及項目搭建

• 一隻不務正業的Java後端碼畜今天又來研究前端Vue了。

---

1、要搭建運行Vue項目，首先得安裝一個東西叫Node。網上有很多教程這裏推薦博主使用的菜鳥教程。傳送門》》》》

• 當你安裝成功後測試一下安裝是否成功，npm包含在Node裏面的，一般安裝成功就有>>>>如下：
  

---

2、當把Node.js安裝好以後就可以着手創建Vue項目了。由於 npm 安裝下載速度特別慢，我們一般可以使用淘寶的鏡像及其命令 cnpm來下載Vue以及相關項目依賴。

• 安裝淘寶鏡像
  npm install -g cnpm --registry=https://registry.npm.taobao.org

• 當然npm 版本需要大於 3.0，如果低於此版本需要升級它：
  cnpm install npm -g
  

---

• 安裝Vue-cli， vue的腳手架。
  cnpm install vue-cli -g
  

---

• 然後我們測試一下vue-cli是否安裝成功,顯示下圖表示安裝成功。
  vue list
  

---

3、新建vue項目，首先我們新建項目地址。

• 我在R盤新建項目，然後進入對應文件夾開始新建項目。
  

---

• 新建項目，記得下面三個選No，
  第一個是關閉eslint校驗。這個是個代碼規範插件。會嚴格規範你的代碼。空格縮進都會報錯，一般默認就選No，當讓你也可以嚴格要求自己。手動滑稽。第二個單元測試和第三個是e2e單元測試。默認都是選的No。別人都是選的No，咱也選No吧。
  vue init webpack "項目名稱"

---

• cd進入項目包，爲你的下載相關vue依賴文件。
  cnpm install

• 如果你成功走到這兒說明你已經成功了。我們來試試運行我們新建的Vue項目吧。以下便是項目訪問地址。copy到瀏覽器試試。
  cnpm run dev

---

• 這便是已經成功搭建了。

• 我們再來看看我們的項目目錄。可以看到一個項目已經搭建好了。繼續開發成我們想要的樣子。

---

• 一直不務正業的後端碼畜。初try vue，非專業。如有貽誤望指正。謝謝支持！