带有附加 css 文件的简单 html 文件。代码完成不起作用。 (内联CSS可以)
我花了很多时间试图弄清楚。希望这能为那些仍在苦苦挣扎的人节省一些时间。请参阅下面的答案。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
<link rel="stylesheet" href="style.css">
</head>
<body>
</body>
</html>
如果禁用 Code Insight 功能,自动完成功能将不起作用。 所以我的问题是大的 css 文件。实际上,它是一个常规大小的文件(由带有 autoprefixer 插件的 postcss 处理的 tailwind css)。 CSS 文件约为 3MB,但默认情况下,Code Insight 对大于 2.5MB 的文件停止工作。
解决方案是增加文件大小限制。
转至帮助 > 编辑自定义属性
粘贴配置
# Maximum file size (kilobytes) IDE should provide code assistance for.
idea.max.intellisense.filesize=10000
保存并重新启动
试试这个:
第一
yarn add tailwindcss
使用纱线安装 tailwindcss 后,转到“设置”>“语言和框架”>“样式表”>“Tailwind CSS” 向下滚动到“实验”并在“classRegex”内添加以下内容:
"class: ['\"](.+?)['\"]"
示例:
"experimental": {
"configFile": null,
"classRegex": [
"class: ['\"](.+?)['\"]" // class: "..." // ruby .html.erb
]
}
重新启动 RubyMine 即可