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,撸代码时也会弹出提示;