如何让 Zen Coding 在 Sublime Text2 中支持 JavaScript 文件？答案

【问题标题】：How to make Zen Coding support JavaScript files in Sublime Text2?如何让 Zen Coding 在 Sublime Text2 中支持 JavaScript 文件？
【发布时间】：2012-03-23 14:38:49
【问题描述】：

RT~ Sublime Text2 是我最喜欢的编辑器之一。对我来说唯一的问题是它的 Zen Coding 插件只支持 css 和 html 文件。但是有很多情况需要在 JavaScript 或其他文件中使用 Zen Coding。就像，在 js 中使用 html 模板或在 js 中连接字符串。

我在 ~/.config/sublime-text-2/Packages/ZenCoding 中检查了它的包文件。但我不知道如何配置它以支持更多文件。

【问题讨论】：

尽管是最好的编辑器，就像我们都花时间在网上搜索的那个，你仍然会遇到其他非常基本的东西，它不会做......你不能打印例子。

标签： javascript sublimetext emmet

【解决方案1】：

打开 Packages/ZenCoding/sublimezenplugin.py 在`#########CONSTANTS#########之后，应该有：

HTML                      = 'text.html - source'
XML                       = 'text.xml'

添加以下内容：

JS                        = 'source.js'

然后向下滚动到显示的位置：

ZEN_SCOPE = ', '.join([HTML, XML, CSS])

并将其更改为：

ZEN_SCOPE = ', '.join([HTML, XML, CSS, JS])

这将激活 JS 文件中的 zencoding；但是，请注意 Zencoding 将始终在 js 文件中处于活动状态。如果您想将范围限制为 JS 中的字符串，您可以更改范围。 JS 字符串的作用域是string.quoted.double.js 用于双引号和string.quoted.single.js。您可以将这两个都添加到JS = ... 行。随意尝试适合您喜欢的范围。有关范围的更多信息，请在此处查看相关文档：http://readthedocs.org/docs/sublime-text-unofficial-documentation/en/latest/extensibility/syntaxdefs.html

另外，要立即查看光标下的当前范围，Windows/Linux 的键绑定是 ctrl+alt+shift+p，OSX 的键绑定是 alt+command+p。

【讨论】：