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

Question

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

2、设置为es6的script却变成黑白了

Answer 1

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

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

Answer 2

你现在能看到高亮效果说明你已经装了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"

成功

最后效果:

各部分高亮, 达成√