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

已于 2023-12-20 05:49:29 修改
阅读量1.5k 收藏 7
点赞数 12
文章标签： intellij-idea html java
于 2023-12-20 05:45:03 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/AshleyXM/article/details/135098303
版权

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

问题呈现

script标签里的文本没有syntax highlighting
如上图，可以看到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的文件夹
    在这里插入图片描述

初步效果

在这里插入图片描述

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

在这里插入图片描述
在Settings里，按照上图的方式将Background这一项的勾选取消，这样灰色背景就会消失。

优化效果

在这里插入图片描述

AshleyXM
关注
  • 12
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
idea社区版 html,IntelliJ IDEA community社区版集成tomcat
weixin_39526741的博客
06-19 495
虽然IntelliJ IDEA社区版没有自带tomcat。但是我们可以装一个插件——smart tomcat。IntelliJ IDEA>>Preferences>>Plugins>> 搜索tomcat >> 选择smart tomcat >> Install >> 重启IDEA。然后 Run >> Edit Co...
解决：IDEA不能识别*.js文件
07-17 3056
在进行IDEA进行前端开发时，必不可少的会用到JavaScripts，在进行*.js文件时，发现其不识别，为文本样式。Setting-->Editor-->FileTypes-->JavaScript-->填写*.js。这样.js文件就有相应的显示。
idea社区版支持JavaScript和css、html，以及相关插件
最新发布
饥饿中s的博客
09-25 9721
​ 新的社区版idea可通过安装插件实现css等样式的编辑支持，在jet brain的插件官网https://plugins.jetbrains.com/idea_ce搜索：WebCalm: JavaScript and CSS 下载后，打开idea的plugin界面，点击齿轮 installed from disk，安装重启即可； ​
IDEA JS代码不高亮显示
iLzn_的博客
11-24 3599
突然发现IDEA 不知道为啥javascript不高亮显示了，经过各种搜索最后得已解决。 在plugin里面搜索JavaScript support，安装重启就好了
idea中＜script＞标签中代码变为灰色 高亮消失的解决方法【已解决】
路飞船长的博客
05-24 2353
第二种：删除缓存 File -> Invalidate Caches后，根据提示重启IDEA。今天在使用idea编写前端代码时候，由于js代码是灰色的也没有代码提示，很不方便所以在网上找了找方法解决了。这个清理缓存没有用的，这是idea版本问题其实idea既然能写前端代码肯定没问题所以可能就是缺少配置插件。第一种：使idea不要处于省电模式，我的idea不是省电模式。尝试第一种第二种方法未解决问题。
syntax-highlighting:Tiago Barroso的Syntax Highlighting插件的一个分支，支持Anki 2.1
03-08
Anki的语法突出显示 允许您将语法突出显示的代码段插入到间隔重复的...查找并删除Syntax Highlighting.py文件（如果已存在）。 看看是否可以找到syntax_highlighting文件夹。 如果是这样： 如果文件夹包含meta.jso
Idea插件：全局自动设置代码高亮级别为 Syntax
04-05
Idea和Android Studio【插件】全局自动设置代码高亮级别为 Syntax 设置全局 highlighting level 为 Syntax 提升性能，更好地编辑代码！ https://blog.csdn.net/sinat_27171121/article/details/129973447
zsh-syntax-highlighting：鱼壳，如Zsh的语法突出显示
02-05
对于开发者来说，`zsh-syntax-highlighting` 还提供了一些实用的调试选项，可以帮助定位和解决与插件相关的任何问题。例如，开启 `ZSH_HIGHLIGHT_DEBUG` 变量可以打印出高亮规则的匹配信息。 总之，`zsh-syntax-...
zsh-syntax-highlighting-filetypes：使用dircolors实时突出显示zsh语法
02-05
zsh-syntax-highlighting-filetypes是一个zsh插件，它扩展了zsh-syntax-highlighting项目，为不同的文件类型提供特定的高亮显示。这个插件的目标是帮助用户更直观地理解命令行输入，提高代码的可读性和编辑效率。...
pine-script-syntax-highlighting:Pine脚本的语法突出显示
05-27
VS Code的Pine脚本语法突出显示特征此扩展添加了VS Code的Pine Script语法突出显示。 旨在用于Pine Script编码器，因此可以更轻松地使用Visual Studio Code IDE来帮助编写Pine Script。 用法：在VSC中安装此扩展程序...
设置IDEA每个变量都是不同的颜色
weixin_48923538的博客
08-02 1739
步骤: file > settings > Editor > Color Scheme > Language Defaults > Semantic highlighting。
webpack 插件应用
编码世界
02-17 324
plugin clean-webpack-plugin 1.介绍 主要用来清除文件，默认webpack打包后dist文件下的js文件是不会自动清除的，修改之后再次打包旧的文件会仍然存在 2.安装 npm install --save-dev clean-webpack-plugin 3.引用 //webpack.config.js中添加CleanWebpackPlugin插件 const CleanWebpackPlugin = require('clean-webpack-plugin'); mo
idea妙用——关闭idea重新打开之后代码自动提示不好使了
xw486223221的博客
09-23 849
问题的由来===在使用idea进行开发的过程中，进行了重新启动，但是在启动之后代码自动提示的功能不见了，必须得通过快捷键得方式来进行提示。经过研究之后发现，是由于idea开启了省电模式造成得，但是自己又没有点过开启省电模式这个功能，关闭之后就好使了。 操作一 操作二 操作三 取消勾选即可！ ...
IntelliJ IDEA中js代码报如下警告的解决方法
请叫我大师兄
03-04 1万+
IntelliJ IDEA中js代码报如下警告： Possible iteration over unexpected (custom / inherited) members, probably missing hasOwnProperty check Checks for any instances of unfiltered for-in loops in JavaScrip
Eclipse颜色设置
weixin_30629653的博客
01-23 773
参考配色方案： http://www.cs.cmu.edu/~maverick/VimColorSchemeTest/ http://code.google.com/p/gnuemacscolorthemetest/ 1、Eclipse颜色设置在菜单Windows -> Preferences，如图1所示。 图1、Preferences 2、General -> App...
VS Code 之 Semantic Highlighing
淘系技术
03-22 1921
VS Code 1.44 版本于 2020 年 3 月正式发布，其中包括无障碍、Remote Development 等多项重要改进，而其中最令人（我）激动的反而是Semantic To...
IDEA社区版使用Maven + Tomcat开发Web项目
热门推荐
First Memories
03-13 1万+
由于IDEA的社区版没有集成Web application的原因，加之学生党消费不起专业版，所以通过Google加上自己的使用技巧，成功的使用IDEA社区办进行Web项目的开发和调试步骤： 1、创建一个Project: 在Welcome to IntelliIDEA 中选择： Create new Project 2、在New Project窗体中： 选择Maven,勾选Create from a
IDEA社区版常用插件整理
wa123579的博客
05-29 1万+
IDEA社区版常用插件整理 Alibaba Java Coding Guidelines 代码规范提醒 CodeGlance 代码编辑区迷你缩放图，当代码行数过多时可以通过预览图快速定位 Codota 智能补全代码，很好用 Database Navigator 可以在idea连接mysql等主流数据库，进行查询等各种操作 Gerp Console 控制台彩色分类显示 Lombok 懂得都懂，必备 Material Theme UI 皮肤主题插件，用了之后心情都变好了 Maven Helper 优化Mave
sublime 插件botot framework syntax highlighting
08-17
botot framework syntax highlighting是Sublime Text的一个插件，用于在编辑botot框架代码时进行语法高亮显示。 botot是一种基于Python的开发框架，用于构建和部署机器学习(ML)工作流程。它提供了各种ML框架的集成，包括TensorFlow、PyTorch等，使得开发者可以更容易地创建、测试和部署ML模型。 使用botot framework syntax highlighting插件，可以提高在Sublime Text中编辑botot框架代码的效率和可读性。插件会根据botot框架的语法规则，为代码中的不同元素如关键字、函数、变量等进行颜色标记，使其在编辑器中更加醒目并易于区分。 这种语法高亮不仅可以使代码更易读，还可以帮助开发者更准确地识别代码中的错误和潜在问题。通过不同颜色的标记，开发者可以快速地发现错误的拼写、缺少的括号等问题，并及时修复。 对于使用Sublime Text进行botot框架开发的开发者来说，botot framework syntax highlighting插件是一个非常实用的工具。它不仅提高了代码编辑的效率，还能够减少潜在错误的出现，从而提升整个开发过程的质量和稳定性。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值