vscode开发微信小程序

下载插件

插件下载位置

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

相关推荐
double_eggm3 小时前
微信小程序2
微信小程序·小程序
是江迪呀12 小时前
实时看大家都在干嘛?我靠一行监听函数,做了个轻互动小程序
前端·微信小程序
小宋加油啊16 小时前
Mac vscode安装PCL
ide·vscode·macos
打瞌睡的朱尤17 小时前
微信小程序1~25
微信小程序·小程序
拖孩17 小时前
我用 AI 搓了一个"比谁更持久"的微信小游戏,AI实现只用了一天,微信审核却用了一个月!!!
微信小程序·ai编程·游戏开发
꯭爿꯭巎꯭18 小时前
visual studio code (vscode)下载
ide·vscode·编辑器
magic334165631 天前
ESP32S3开发环境介绍和创建工程
vscode·c·头文件
萌萌站起1 天前
Vscode 中 python模块的导入问题
ide·vscode·python
aqiu~1 天前
VSCode编辑器用于Unity项目
vscode·unity
ZXF_H2 天前
VSCode C/C++函数Ctrl+鼠标点击无法跳转的解决方法
c++·ide·vscode