如何配置VSCode插件高效开发微信小程序?

2026-04-30 15:150阅读0评论SEO资源
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计1081个文字,预计阅读时间需要5分钟。

如何配置VSCode插件高效开发微信小程序?

基本原因不是插件未安装,而是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插件高效开发微信小程序?

基本原因不是插件未安装,而是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 报错就是它导致的。

阅读全文