如何配置VSCode插件高效开发微信小程序?
- 内容介绍
- 文章标签
- 相关推荐
本文共计1081个文字,预计阅读时间需要5分钟。
基本原因不是插件未安装,而是VSCode默认未将+.wxml和+.wxss当作代码文件处理——默认视为纯文本,自然没有高亮、闭合检验、属性提示等。
实操建议:
- 打开
settings.json(Ctrl+, → 点右上角“在 settings.json 中编辑”),加这两行:"*.wxml": "html",<br>"*.wxss": "css"
- 装
minapp插件(作者 qiu8310),它是目前唯一持续维护、支持标签 + API 双补全的扩展 - 确保项目根目录有
project.config.json,否则minapp会降级为仅语法高亮 - 别信“自动识别”宣传,这步手动关联语言模式跳过,后面所有智能提示都打折
TS 类型提示失效,Page 参数标红或 wx. 没补全
不是插件坏了,是缺少微信官方类型定义。社区版 @types/wechat-miniprogram 版本滞后严重,和基础库 3.x+ 不兼容,常见 getOpenUserInfo 报错就是它导致的。
本文共计1081个文字,预计阅读时间需要5分钟。
基本原因不是插件未安装,而是VSCode默认未将+.wxml和+.wxss当作代码文件处理——默认视为纯文本,自然没有高亮、闭合检验、属性提示等。
实操建议:
- 打开
settings.json(Ctrl+, → 点右上角“在 settings.json 中编辑”),加这两行:"*.wxml": "html",<br>"*.wxss": "css"
- 装
minapp插件(作者 qiu8310),它是目前唯一持续维护、支持标签 + API 双补全的扩展 - 确保项目根目录有
project.config.json,否则minapp会降级为仅语法高亮 - 别信“自动识别”宣传,这步手动关联语言模式跳过,后面所有智能提示都打折
TS 类型提示失效,Page 参数标红或 wx. 没补全
不是插件坏了,是缺少微信官方类型定义。社区版 @types/wechat-miniprogram 版本滞后严重,和基础库 3.x+ 不兼容,常见 getOpenUserInfo 报错就是它导致的。

