使用 sublime text 编辑 vue 文件,语法高亮插件是少不了的。vuejs 官方制造了 vue-syntax-highlight
,安装即可使用。但是对于 JSX 语法的支持,还需要安装 Babel 插件。步骤参考:
- 安装 vue-syntax-highlight
- 安装 Babel
- 设置 .vue 后缀文件默认使用 Babel 语法高亮。方法为:
- 打开任意一个以 .vue 为后缀的文件
- 点击
View(查看)
菜单 - 然后依次选择
Syntax -> Open all with current extension as... -> Babel -> JavaScript (Babel)
- 如有需要,重复以上步骤设置其它后缀的文件,如
.js、.es、.jsx
等
对于第三步,也可以禁用默认的 JavaScript 语法解析,则 Babel 将成为默认。方法很简单,在用户设置Preferences->settings - user
里加入如下配置:
"ignored_packages": ["JavaScript"]
更多参考:
https://github.com/vuejs/vue-syntax-highlight
https://packagecontrol.io/packages/Babel