Rubymine css 代码补全不起作用

问题描述 投票:0回答:2

带有附加 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>
css intellij-idea autocomplete rubymine code-completion
2个回答
2
投票

如果禁用 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

保存并重新启动


0
投票

试试这个:

第一

yarn add tailwindcss

使用纱线安装 tailwindcss 后,转到“设置”>“语言和框架”>“样式表”>“Tailwind CSS” 向下滚动到“实验”并在“classRegex”内添加以下内容:

"class: ['\"](.+?)['\"]"

示例:

"experimental": {
  "configFile": null,
  "classRegex": [
    "class: ['\"](.+?)['\"]" // class: "..." // ruby .html.erb
  ]
}

重新启动 RubyMine 即可

© www.soinside.com 2019 - 2024. All rights reserved.