[Visual Studio Code] Javascript 语法高亮的问题

前端之家收集整理的这篇文章主要介绍了[Visual Studio Code] Javascript 语法高亮的问题前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

在记忆中寻找答案

以前用sublime text的时候,依稀记得有人出过增强javascript语法的文件。我猜它们应该是可以通用的,下面我们来探索一下吧。

在vs code看javascript的高亮,我觉得是挺痛苦的。其实自带的语法高亮问题不大,我只是有点小强迫而已。

就如网页上自带Syntax highlight渲染的那样,不喜欢。所以打算把sublime text增强版的语法模板拿过来用。

折腾

打开google,查找vs code Colorization。然后就找到了官方的说明,dio.com/docs/customization/colorizer">传送门。我们看到下面有一个是可以新增一个语法模板文件的:

Using the 'code' Yeoman generator,you can add TextMate language specification files (.tmLanguage) to your VS Code installation to get Syntax highlighting and bracket matching.

看到这个就放心了,那个sublime的也是这种格式。看看文档,我们发现要安装一个东西:

  1. Install the Generator
    npm install -g yo generator-code

  2. Run Yo Code
    yo code

然后就是一系列选择。

<a href=图片描述" title="图片描述">

在选择填入模板的时候,填入 https://raw.githubusercontent.com/P233/Syntax-highlighting-for-JavaScript/master/Syntaxes/JavaScript.tmLanguage 这个url。在完成的时候,会生成一个目录,把这个目录拷到~/.vscode/extensions下重启vs code,再选择语言的时候就可以用上高亮了。

最后看了一下,并没有什么卵用。
[前]
<a href=图片描述" title="图片描述">

[后]
<a href=图片描述" title="图片描述">

说到底,要想好看,还是要自己去写正则。

猜你在找的JavaScript相关文章