一、vue開發前的準備

1.node.js環境搭建和npm的安裝

node.js的官網只需要登入官網看到‘install’按鈕就可以直接下載安裝；

安裝完成後執行cmd命令，輸入node -v出現下圖提示的版本號就表示安裝成功了

①npm作為NodeJs的模組管理-npm有一些基礎的命令例如：npm init , npm set, npm config等，具體可以看地址：地址連結

2.安裝全域性vue-cli 腳手架

（1）安裝命令：npm install -g vue-cli 回車，等待安裝；（如果不全域性-g,只能在指定目錄下使用腳手架）
（2）建立專案：vue init webpack

(專案資料夾名)，回車，依次出現‘git’以下的選項

（3）安裝依賴 cd (專案名)，回車，進入到具體的專案資料夾名
npm install ,回車，專案結構裡，增加一個node_modules資料夾，基於vue 腳手架建立的預設專案結構如下圖所示：

（4）測試環境是否搭建成功
在cmd 裡輸入：npm run dev 或者在瀏覽器輸入：localhost:8080(預設埠號是8080)，執行成功後的介面如下圖

在安裝過程中，可能遇到的問題，當我們執行某個專案的時候會提示：

> my-first-vue-project@1.0.0 dev C:\Users\ASUS\my-project
 

> node build/dev-server.js


To use this template, you must update following to modules:

  npm: 2.15.9 should be >= 3.0.0

只有升級npm, npm -g install [email protected],全域性安裝最新的npm檔案，npm run dev 還是會提示錯誤，複製C:\Users{你的Windows使用者名稱}\AppData\Roaming\npm\node_modules\npm下的檔案到你的 NodeJS安裝目錄下的 \node_modules\npm 中，覆蓋掉原有的全部檔案

，最後執行npm run dev 執行