（1）保證npm和Node.js的可用性後，使用如下程式碼安裝Vue.js環境。

# 全域性安裝 vue-cli
# 如果是Linux或者Unix等一般是要 sudo 許可權的
npm install --global [email protected]

在Windows中使用CMD安裝環境，安裝效果如圖10-1所示。

圖10-1 Vue.js安裝

（2）等待安裝完成後，如果沒有出現錯誤提示，即成功安裝了vue環境，可以在CMD中輸入vue，效果如圖10-2所示，即已經成功安裝，接下來就可以構建應用了。

圖10-2 vue安裝成功

（3）mpvue使用vue-cli構建工具，其中使用了一個vue模板，此模板用來支援mpvue的專案小程式的生成，使用如下程式碼可以新建一個mpvue的工程。

# 建立一個基於 mpvue-quickstart 模板的新專案
vue init mpvue/mpvue-quickstart “專案名稱”

生成的過程和配置命名等如圖10-3所示，這樣就生成了一個沒有編寫程式碼的空白mpvue工程。

圖10-3 新建mpvue工程

（4）等待工程建立完成，編輯器也自動下載生成了相關的程式碼檔案，如圖10-4所示。

圖10-4 專案檔案

（5）在此工程中並沒有安裝專案的依賴項，所以需要使用cd命令進入該專案資料夾，再使用npm install安裝JavaScript依賴，安裝過程如圖10-5所示。

圖10-5 安裝依賴

（6）這樣，一個完成的小程式專案就已經完成了，和WePY工程一樣，mpvue也無法直接執行在小程式環境中，需要使用相應的編譯。使用如下命令編譯工程，效果如圖10-6所示。

npm run dev