Vs code开发微信小程序

时间:2024-05-31 10:27:16

因为微信开发者工具的视觉效果与代码提示还是字体非常不舒服所以便想用vscode来开发于是总结了一下

首先vscode打开或导入小程序项目
Vs code开发微信小程序

插件安装

点击vscode左侧扩展选项搜索vscode weapp api
这是小程序的语法结构
Vs code开发微信小程序
接着安装vscode wxmlEasy WXLESS分别针对wxml与wxss页面
剩下安装vscode-wechat

结尾

安装好插件以后,直接在vscode里面编辑小程序代码,保存 微信开发者工具便自动编译 只是调试得在微信开发者工具里调