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

相关推荐
好想早点睡.10 小时前
vue2+UniApp微信小程序集成高德地图
微信小程序·小程序·uni-app
闲人编程10 小时前
现代Python开发环境搭建(VSCode + Dev Containers)
开发语言·vscode·python·容器·dev·codecapsule
潮汐退涨月冷风霜11 小时前
VSCode SSH远程连接失败 最速解决方案
ide·vscode·ssh
李慕婉学姐11 小时前
【开题答辩过程】以《基于微信小程序的线上讲座管理系统》为例,不会开题答辩的可以进来看看
javascript·mysql·微信小程序
烟花落o12 小时前
指针深入第二弹--字符指针、数组指针、函数指针、函数指针数组、转移表的理解加运用
c语言·开发语言·笔记·vscode·算法
Mr.Aholic12 小时前
分享几个开源的系统,包括小程序、商城系统、二手交易等常见的系统、很容易进行二次开发 【可以参考学习】
微信小程序·小程序·毕业设计·课程设计
nvd1114 小时前
在 vscode 中配置juypter notebook 插件
ide·vscode·编辑器
大江东去浪淘尽千古风流人物14 小时前
【vscode】Eigen可视化配置
ide·vscode·编辑器
名剑走天下17 小时前
在VSCode+Guider基础上 运行Button圆角demo
ide·vscode·编辑器
csdn_aspnet17 小时前
从零开发一款实用插件,掌握VSCode扩展生态核心技术
ide·vscode·编辑器