求解:sublime text 3下vue文件里“各类型”文件高亮问题?

fofo
  • 344

sublime text 3下以vue component打开的vue文件都是高亮,但是script文件为es6类型就不能高亮,这个怎么解???
上图对比直观说明:
1、默认es5的script是高亮的:
图片描述

2、设置为es6的script却变成黑白了
图片描述

回复
阅读 6.2k
2 个回答
boxsnake
  • 6.7k

Vue Component类型应该是装了Vue Syntax Highlight插件,这个高亮配置是这个插件实现的,感觉应该是插件中的高亮配置只匹配了<script>而没有匹配<script ...>格式,因此<script ...> ... </script>中的语句被当成了非JS语句(正常文本)解析,因此是白色的。

需要解决这个,需要修改插件中的高亮配置,第一种方法是修改本地的插件,还有一个方法是修改GitHub上的代码然后提交Pull Reqeust。

skura23
  • 59

你现在能看到高亮效果说明你已经装了vue syntax highlight插件,如果看到这个问题的时候你的vue文件还没有任何高亮的话,先去安装vue syntax highlight,方法:

  1. 按住 ctrl + shift + p
  2. 输入:install Package
  3. 输入: Vue Syntax Highlight

下面接着,假设你要在script里用es6语法高亮, style里用stylus语法高亮,你要这样做

  1. ctrl+shift+p install 安装babel, stylus
  2. 分别在<script>和<style>标签上加上 type="text/babel"lang="stylus"

成功

最后效果:

图片描述

各部分高亮, 达成√

宣传栏