如何在Intellij中启用CSS编辑

Question

我刚刚切换到IntelliJ IDEA，因为我认为开发JavaFX应用程序会很棒。

我必须做错事，因为在编辑CSS文件时，没有代码完成。当我尝试创建一个新的CSS文件时，CSS文件没有选项。

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

我看了很长时间才得到答案，我在这里问这个很痛！我希望有人可以帮助我。

Answer 1

我认为社区版不支持CSS编辑器，正如它在IntelliJ IDEA Editions Comparison的语言支持部分所说的

Answer 2

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

Answer 3

是的，Intellij的社区版本不支持CSS编辑器，以我为例，添加插件不起作用，但是可以帮助我的是答案：-

  

您只需要创建一个新的“文件”，而不是目录，包或Java类，然后使用.css扩展名保存文件。

我从这里得到的

Need IntelliJ Ultimate Edition to run CSS?

Answer 4

简短的答案至少在目前是“否”。 到目前为止，对我而言，最好的解决方案是在Atom编辑器中打开resources文件夹，并在那里执行所有UI。这很方便，因为您还运行了原子实时服务器，而不必重新启动应用程序。另外，预览HTML是另一个非常有用的插件。

Answer 5

您可以做一件事，即仅使用html中的样式标签，而在内部使用要使用的所有CSS

Answer 6

简短的回答是，IntelliJ 社区版不支持 CSS。但解决方法是手动将 CSS 附加到场景（或您想要的任何元素）。这是操作方法。

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

• 在菜单栏上，单击“文件”并创建一个新文件。 确保使用 .css 扩展名命名文件（例如：“newStyleSheet.css”）

• 像在 JavaFx 中使用 CSS 标准一样编辑样式表。 （例如：改变场景的背景颜色）

  .root { -fx-background-color: #383838; }

• 然后将样式表附加到应用程序代码中的元素（在本例中为“场景”）

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

运行应用程序，您应该看到默认的样式表(STYLESHEET_MODENA) 已更改为您的新样式表。