IDEA Community html文件里的script标签没有syntax highlighting的解决方案

在网上找到的解决方法有的是针对Ultimate版本才可以下载的plugin,对我所用的Community版本无法生效,找了一圈最后在stackoverflow上找到一个有效的方案,给需要的小伙伴分享一下:IntelliJ Community Edition: Javascript syntax highlighting

问题呈现

IDEA Community html文件里的script标签没有syntax highlighting的解决方案_第1张图片
如上图,可以看到script标签里的文本没有syntax highlighting(即都是灰色的代码段,没有颜色区分提示代码syntax)。

解决方案

  1. 下载WebCalm插件,下载地址:https://plugins.jetbrains.com/plugin/21826-webcalm-javascript-and-css
  2. 在 IDEA 里导入,导入方法:菜单栏 File -> Settings -> Plugins -> 点击右边齿轮icon -> Install Plugin from Disk -> 选择刚刚下载的WebCalm的文件夹
    IDEA Community html文件里的script标签没有syntax highlighting的解决方案_第2张图片

初步效果

IDEA Community html文件里的script标签没有syntax highlighting的解决方案_第3张图片

现在的效果虽然有颜色提示语法,但是有大段灰色的背景,强迫症表示看着很不舒适,因此有需要可以进行下一步的操作:

IDEA Community html文件里的script标签没有syntax highlighting的解决方案_第4张图片
在Settings里,按照上图的方式将Background这一项的勾选取消,这样灰色背景就会消失。

优化效果

IDEA Community html文件里的script标签没有syntax highlighting的解决方案_第5张图片

你可能感兴趣的:(intellij-idea,html,java)