Skip to content
vscode开发微信小程序必备插件

代码高亮

点击文件 -> 首选项 -> 设置(或者:编辑器左下角设置按钮) 点击右上角打开设置图标 最下面添加配置代码即可:

json
"files.associations": {
   "*.wxml": "html",
   "*.wxss": "css",
}

插件部分

小程序助手

让vscode 提供对 .wxss .wxml 文件后缀的支持

小程序助手

minapp插件

支持微信小程序的语法高亮 增加wxml,wxss代码提示

minapp插件

vscode wxml

提供微信小程序代码的提示 对wxml文件进行格式化

vscode wxml

wechat-snippet

wechat-snippet

装完上述插件之后,就可以在vscode内,像开发Vue项目 react 项目一样开发微信小程序

在微信开发者工具进行调试 ,在vscode 里面编码 ,二者并不冲突(vscode里边保存的代码,微信开发者工具会自动编译) ,此时此刻 语法高亮 代码提示 格式化 均得到实现,简直不要太爽~~~~