如何在 Intellij 中启用 CSS 编辑

How to enable CSS editing in Intellij

我刚刚切换到 IntelliJ IDEA,因为我认为它非常适合开发 JavaFX 应用程序。

我一定是做错了什么,因为当我编辑 CSS 文件时,没有代码完成。当我尝试创建新的 CSS 文件时,没有 CSS 文件的选项。

我正在使用 IntelliJ 的社区版本。

我找了很久的答案,我不得不在这里问,这很痛苦!我希望有人能帮助我。

CSS 社区版不支持编辑器,如 IntelliJ IDEA Editions Comparison

的语言支持部分所述

您可以从 community edition plugins 页面获得帮助。对于 CSS 编辑器,SmarterEditor 和 Shifter 插件可能会有帮助。

是的,社区版本的 Intellij 不支持 CSS 编辑器,在我的例子中添加插件没有用,但答案对我有帮助:-

You just need to create a new "file" rather than a directory, package or Java class and save the file with the .css extension.

我从这里得到的 Need IntelliJ Ultimate Edition to run CSS?

简短的回答是否定的,至少目前是这样。 到目前为止,对我来说最好的解决方案是在 Atom 编辑器中打开资源文件夹并在那里完成所有 UI 工作。这很方便,因为您还 运行 原子实时服务器,而不必重新启动应用程序。另外 Preview HTML 是另一个非常有用的插件。

你可以做一件事,就是在 html 中使用样式标签,在里面使用所有你想使用的 css

简短的回答是,IntelliJ 社区版不支持 CSS。但解决方法是手动将 CSS 附加到场景(或者你想要的任何元素)。方法如下。

  • 不要转到“src”并尝试在那里添加样式sheet。因为它不存在。

  • 在菜单栏上,单击“文件”并创建一个新文件。 确保您使用 .css 扩展名 命名文件(例如:“newStyleSheet.css”)

  • 像在具有 CSS 标准的 JavaFx 中一样编辑样式 sheet。 (例如:更改场景的背景颜色)

    .root { -fx-背景色:#383838; }

  • 然后将样式sheet附加到来自应用程序代码的元素(在本例中为“场景”)

    scene.getStylesheets().add("newStyle.css");

运行 应用程序,您应该会看到默认样式 sheet(STYLESHEET_MODENA) 已被您的新样式更改。

CSS, Sass, SCSS, Less, Stylus 勾选 ?overhere