设置 vuejs 与 JSX 在 sublime text 中的语法高亮

共计 504 个字符，预计需要花费 2 分钟才能阅读完成。

提醒：本文最后更新于2017-04-01 14:47，文中所关联的信息可能已发生改变，请知悉！

使用 sublime text 编辑 vue 文件，语法高亮插件是少不了的。vuejs 官方制造了 vue-syntax-highlight，安装即可使用。但是对于 JSX 语法的支持，还需要安装 Babel 插件。步骤参考：

1. 安装 vue-syntax-highlight
2. 安装 Babel
3. 设置 .vue 后缀文件默认使用 Babel 语法高亮。方法为：
   1. 打开任意一个以 .vue 为后缀的文件
   2. 点击 View(查看) 菜单
   3. 然后依次选择 Syntax -> Open all with current extension as... -> Babel -> JavaScript (Babel)
   4. 如有需要，重复以上步骤设置其它后缀的文件，如 .js、.es、.jsx 等

对于第三步，也可以禁用默认的 JavaScript 语法解析，则 Babel 将成为默认。方法很简单，在用户设置Preferences->settings - user里加入如下配置：

"ignored_packages": ["JavaScript"]

更多参考：
https://github.com/vuejs/vue-syntax-highlight
https://packagecontrol.io/packages/Babel