为Sublime Text for JavaScript添加语法突出显示

Question

我有一个问题，在我的崇高文本2中，javascript的语法亮点采用此代码

this.init = function(){};
this.init : function(){},

在浅蓝色中绘制“this”，在绿色中绘制“init”......

但在这种情况下......

this.init = null;
this.init : null,

没有发生......我想在所有使用案例中突出显示“this。*”......

例如

this.init = function()
this.init : function()
this.init : true
this.init = true

我该怎么办？

Answer 1

Sublime中javascript的默认语法突出显示效果不佳。

我使用JavascriptNext：https://github.com/Benvie/JavaScriptNext.tmLanguage

它改进了默认语法高亮显示，并且还增加了对未来ES6语法的支持。

在您的特定情况下，它在if值的着色上更加一致，但在：syntax的属性值上更不一致。但我认为没关系，因为它无论如何都不是真正有效的语法。

Answer 2

添加到ben336's answer，我使用Neon Color Scheme和一些不同的JavaScript语言定义测试了您的代码，其中包括JavaScriptNext，实际上看起来效果最好：

init方法的范围很有意思（当然都是source.js） -

this.init = function(); // meta.property.js variable.other.property.js
this.init : function(); // meta.function.js meta.function.json.js entity.name.function.js
this.init : true; // meta.function.js constant.other.object.key.js string.unquoted.label.js
this.init = true; // meta.function.js meta.property.js variable.other.property.js

由于最后3个是function范围，因此它们应该是亮绿色，但第三个范围是string范围，最后一个范围是variable.other范围，所以他们选择那些而是色彩。

如果您愿意，我可以尝试使主题的function范围选择器一致地为最后3个选择颜色 - 只需打开an issue或在此告诉我，我会看到我能做什么做。