Sublime仅能编辑小程序代码,无法调试或预览;需装sublime-wxml插件并手动绑定WXML语法,WXSS复用CSS语法,JS需用JS Custom配置miniprogram环境并添加注释。

Sublime 不能跑小程序,只能写代码;所谓“极致轻量”,本质是用最少插件 + 最少配置,换来 WXML/WXSS/JS 三类文件的基本可读性与基础补全——别指望它能调试、预览或替代微信开发者工具。
WXML 文件不亮?装插件后必须手动绑定语法
Sublime 默认把 .wxml 当纯文本,连标签都不着色。这不是插件没装对,是压根没被识别为代码文件。
- 用
Package Control: Install Package安装sublime-wxml(GitHub 仓库名含该字符串,作者 zjz777 或 hizzgdev;避开名字带 “WXSS Syntax” 或 “WeApp” 的混淆包) - 打开任意
pages/index/index.wxml,右下角点击当前语法名 →Open all with current extension as…→ 选WXML - 想永久生效:菜单
Preferences → Settings – Syntax Specific,右侧加:{"extensions": ["wxml"]} - 严禁用“设为 HTML”凑合——
{{ }}、<wxs>等结构会彻底失去高亮
WXSS 直接复用 CSS 语法,别装专用包
.wxss 是 CSS 超集,没有独立语法的必要。所谓“WXSS 语法包”多数已失效或引发冲突。
公众号运营:文章发布至草稿、样式封面、评论与用户管理、数据统计等。用户要求将 Markdown 发送到公众号草稿、查看阅读量统计或类似后台操作时,使用本技能。
- 右键任一
.wxss文件 →Open all with current extension as…→CSS - 或进
Preferences → Settings – Syntax Specific,右侧加:{"syntax":"Packages/CSS/CSS.sublime-syntax"} - 这样能获得属性提示、颜色预览、括号匹配;
view::after这类伪元素不报错也不高亮,但不影响日常阅读 - 真要校验
rpx单位或做 lint,该用微信开发者工具或 VSCode + minapp 插件,不是 Sublime 的事
JS 里 Page() 报错?靠 JS Custom 注入全局变量
Sublime 自带 JavaScript 支持对小程序完全“失明”:Page({})、Component()、getApp() 全标黄线,补全也空着。
- 用
Package Control安装JS Custom - 菜单
Tools → JS Custom → Configure Environments,加入:"miniprogram": {"globals": ["App","Page","Component","getApp","getCurrentPages","wx"]} - 每个
.js文件顶部必须加注释:/* jsCustom environment: miniprogram */ - 漏掉这行注释,补全立刻失效;
wx必须显式列在globals里,否则wx.request仍被当未定义
最易忽略的一点:所有这些配置只解决“看得清、打得快”,但 WXS 脚本、云函数本地调试、组件跳转导航、真机日志抓取 这些事,Sublime 一个都干不了——它只是个编辑器,不是 IDE。项目结构识别、project.config.json 解析、miniprogram-ci 集成,全得靠微信开发者工具兜底。


















