Sublime Text需安装插件才能支持微信小程序开发,推荐用Package Control安装Sublime wxapp等插件,并手动设置.wxml文件语言类型及自动补全触发字符。

Sublime Text 本身不支持微信小程序的 wxml、wxss 和 js 特有语法高亮与补全,必须手动安装插件才能获得基础开发体验。它不能替代微信开发者工具,仅作为编辑器使用——这点务必提前确认,否则后期调试会卡在刷新/编译环节。
用 Package Control 安装主流插件(推荐)
这是最稳定、可复现的方式,适用于绝大多数用户:
- 按
Ctrl+Shift+P(Windows/Linux)或Cmd+Shift+P(macOS)打开命令面板 - 输入
Package Control: Install Package,回车等待插件列表加载 - 搜索并安装以下任一插件(截至 2026 年仍可用且维护较活跃):
-
Sublime wxapp(历史最久,支持wxml高亮 + 基础标签补全) -
WeChat Miniprogram(部分用户反馈对wx:for等指令识别更准) -
WXML Syntax Highlighting(轻量,专攻.wxml文件类型绑定)
-
- 安装后无需重启,但需手动将已打开的
.wxml文件右下角语言切换为WXML(或类似名称),否则高亮不生效
手动配置 wxml 文件自动触发补全
默认情况下,Sublime Text 不会在 wxml 文件中激活 HTML 类型的补全(比如输入 view 不弹出标签建议)。需修改用户设置:
解析微信公众号文章,提取标题、作者、正文、图片等信息。用户发送链接(mp.weixin.qq.com)时触发,自动提取内容并可保存至飞书表格。
- 菜单 →
Preferences→Settings,打开Preferences.sublime-settings(用户) - 在
json中添加如下字段(注意逗号位置,避免语法错误):"auto_complete_triggers": [ { "characters": "abcdefghijklmnopqrstuvwxyz< :.", "selector": "text.wxml" } ] - 保存后,新建或重开一个
.wxml文件,输入<v就应出现<view>补全提示 - 若仍无效,检查是否已正确绑定语法:右下角状态栏应显示
WXML而非HTML或Plain Text
wxss 文件高亮与 CSS 插件冲突问题
.wxss 是类 CSS 文件,但微信扩展了部分属性(如 width: 750rpx)。直接用原生 CSS 语法会导致 rpx 单位报错或无高亮:
- 安装
CSS3插件(比原生 CSS 支持更好)或SCSS插件(兼容性更强) - 右键 →
Change Syntax→ 选择CSS3或SCSS,而非默认CSS - 若希望保留
wxss后缀专属识别,可安装WXSS Syntax插件(GitHub 上有独立 repo,搜索关键词即可) - 注意:某些 CSS 格式化插件(如
JsFormat)会对wxss文件误处理,建议禁用其对.wxss的监听
JS 文件里调用微信 API 无提示?加注释启用
Sublime Text 默认不识别 wx.xxx API,即使装了 JS 插件也看不到补全:
- 在
.js文件顶部添加一行注释:// @ts-check
- 或更明确地声明环境(尤其用于云函数):
/* global wx, getApp, Page, Component */
- 配合
JS Custom插件 + 自定义 scope,可让wx.request等函数获得参数提示(需额外配置js_custom.sublime-settings) - 不加注释时,
Ctrl+Space手动触发补全也不会列出微信 API —— 这是常见盲区,不是插件没装好
插件能解决语法高亮和基础补全,但无法提供真机调试、条件编译、云函数本地模拟这些能力。所有代码最终必须在微信开发者工具中运行验证,Sublime Text 只负责“写得顺”,不负责“跑得通”。文件保存后切回微信开发者工具,手动点击「编译」或启用「自动编译」,才是完整闭环。


















