idea社区版支持JavaScript和css、html，以及相关插件

1.如果是老的社区版或者是Ultimate版本直接打开设置即可，如果引用外部库，则需要添加新的外部库

内部既有的设置，勾选打开：

• 1. 打开IDEA，点击“File”菜单，选择“Settings”；
• 2. 在弹出的设置窗口中，找到“Languages & Frameworks”，点击“JavaScript”；
• 3. 在“JavaScript”页面中，勾选“Enable JavaScript Language”，然后点击“OK”；
• 4. 再次打开“Settings”，点击“Languages & Frameworks”，然后点击“CSS”；
• 5. 在“CSS”页面中，勾选“Enable CSS Language”，然后点击“OK”；
• 6. 重启IDEA，即可看到CSS和JS的提示信息。

外部库引入：

依次打开IDEA的File -> Settings -> Languages & Frameworks -> Javascript -> Libraries，在右侧点击“Add…”添加一个JavaScript库，特别需要注意的就是，在点击“+”时要选择“Attach Directories”，添加目录而不是添加文件，添加文件只能添加js文件，无法涵盖css文件，其中Visibility选择Global。点击“OK”保存后，IDEA会提示你要应用于哪些工程，选择你的工程即可。

2.新的社区版idea可通过安装插件实现css等样式的编辑支持，在jet brain的插件官网https://plugins.jetbrains.com/idea_ce  搜索：WebCalm: JavaScript and CSS

下载后，打开idea的plugin界面，点击齿轮 installed from disk，安装重启即可；

以上均可实现idea社区版支持JavaScript和css、html，撸代码时也会弹出提示；