天天看點

使用mpvue架構從0開始搭建微信小程式項目

搭建之前先檢查 node,npm,vue-cli 是否安裝成功及版本。

1.初始化項目

vue init mpvue/mpvue-quickstart projectname
           

2.填寫項目的配置資訊,一路回車

3.進入項目檔案夾

cd projectname
           

4.安裝依賴庫

npm install
           

( npm 淘寶鏡像: https://registry.npm.taobao.org/)

5.安裝完成後,運作

npm run dev
           

6.在微信開發者工具中打開剛才建立的項目,生成的小程式代碼存放在 dist 檔案夾裡

使用mpvue架構從0開始搭建微信小程式項目

7.此時,項目初始化成功,且跑起來了

8.删除預設頁面(新建立的項目自動生成的)