下載插件
插件下載位置
1.微信小程序開發工具
2.vscode weapp api
3.vscode?wxml
4.vscode-wechat
創建項目
終端運行命令
cd 到要創建項目的目錄執行命令:vue create -p dcloudio/uni-preset-vue test
test就是項目名稱
選擇默認模板,回車
出現下圖這樣就創建成功了
打開項目文件夾
選擇剛才創建的項目文件,信任此項目
修改package.json文件,"serve": "npm run dev:mp-weixin",
運行項目
在終端cd 到項目文件中,運行項目
cd test
npm run serve
出現下圖這樣就運行成功了
微信開發者工具看效果
點擊加號
填寫信息
項目名稱:test(自行修改)
目錄:C:\Users\20446\WeChatProjects\test\dist\dev\mp-weixin(剛才創建的項目目錄下的dist\dev\mp-weixin)
AppID:選擇自己的appid
后端服務:不使用云服務
點擊創建
出現下圖這樣就創建成功啦
vscode不能看運行效果,但代碼的修改與開發者工具是同步的,要在微信開發者工具中查看效果