一、安裝node.js

1、在官網中安裝nodejs最新版本。地址：https://nodejs.org/en/download/，根據自己環境，進行下載安裝。

2、安裝完成后，進行nodejs版本及npm版本查看。

打開cmd命令行，輸入 node -v 和 npm -v，node安裝后將會自動安裝上npm，但不一定是最新的，可用命令 npm install -g npm，進行最新版本安裝。

安裝好之后，就可以使用vue-cli進行初始化一個vue項目。

3、使用淘寶NPM 鏡像
npm install -g cnpm --registry=https://registry.npm.taobao.org

4、全局安裝 vue-cli
cnpm install vue-cli -g

二、用vue創建微信小程序項目

進入放項目的目錄：使用vue-cli創建一個mpvue項目
vue init mpvue/mpvue-quickstart 項目名

創建的過程中會有一些設置，包括項目名稱，作者等等內容，一路回車到底就行。

然后我們進入到項目目錄，安裝項目依賴
cnpm install

運行：
npm run dev
運行后，這個項目代碼就進入開發模式，一旦有源代碼發生修改，就會觸發自動編譯。

項目目錄：

三、小程序

在微信開發者工具中導入項目
項目目錄選擇vue項目中的目錄根目錄
appID沒有的話可以點選體驗“測試號”

就可以做頁面啦。

最后附上一個很完整的講解的鏈接：https://www.jb51.net/article/140601.htm

總結

以上是生活随笔為你收集整理的使用mpvue开发小程序的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。