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

相关推荐
啃火龙果的兔子2 分钟前
Codeium如何在vscode中使用
ide·vscode·编辑器
一笑code38 分钟前
pycharm vs vscode安装python的插件
vscode·python·pycharm
_OP_CHEN1 小时前
用极狐 CodeRider-Kilo 开发俄罗斯方块:AI 辅助编程的沉浸式体验
人工智能·vscode·python·ai编程·ai编程插件·coderider-kilo
千寻技术帮1 小时前
10379_基于SSM的校园跑腿服务平台
mysql·微信小程序·校园跑腿·ssm
fanruitian3 小时前
微信小程序 springboot获取手机号
spring boot·微信小程序·notepad++
lovingsoft4 小时前
Vscode 与 jetbrains
ide·vscode·编辑器
AI视觉网奇4 小时前
vscode 连接失败
ide·vscode·编辑器
shandianchengzi4 小时前
【记录】Rust|Rust开发相关的7个VSCode插件的介绍和推荐指数(2025年)
开发语言·vscode·rust
???xixi5 小时前
shopify免费开发theme,以及vscode预览theme,全过程
vscode·shopify
郭涤生5 小时前
xshell能连上ubuntu24而vscode连接不上_临时关闭 Windows 防火墙
ide·windows·vscode