下载插件
插件下载位置

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不能看运行效果,但代码的修改与开发者工具是同步的,要在微信开发者工具中查看效果