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

使用 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

点赞 (1)

发表评论

电子邮件地址不会被公开。 必填项已用*标注