【问题标题】:WebStorm support for nesting CSSWebStorm 支持嵌套 CSS
【发布时间】:2016-12-16 12:00:42
【问题描述】:

我正在使用 PostCSS,PostCSS 中的重要元素之一是 CSS 嵌套。 WebStorm 不喜欢语法并突出显示错误。

这个问题有解决办法吗?

【问题讨论】:

  • 正如@DanGamble 所说——这是目前唯一的方法。同时——考虑投票给youtrack.jetbrains.com/issue/WEB-16601
  • 是的,请投票!希望尽快对它进行排序,即使它只是支持新的 CSS 规范,就像他们对 CSS 变量所做的那样:)

标签: webstorm jetbrains-ide


【解决方案1】:

从 WebStorm 2016.3 开始,此问题已得到解决。如WebStorm Blog 中所述,PostCSS 的用户现在可以通过导航到Preferences > Plugins > 并搜索“PostCSS 支持”来安装官方 PostCSS 插件。安装插件并重新启动 WebStorm 后,您必须通过转到 Preferences > Languages & Frameworks > Stylesheets > Dialects 并单击文件的 CSS 方言并将其更改为“PostCSS”来识别任何使用 PostCSS 作为 PostCSS 的现有 css 文件。

【讨论】:

  • 这应该被标记为正确答案。
【解决方案2】:

编辑 Evan 下面的答案现在更好了,因为 Webstorm 已经发布了 PostCSS WebStorm support for nesting CSS 的官方插件

不幸的是,目前让它与 PostCSS 完美搭配的唯一方法是:

注册 *.css*.pcss 如果您使用该扩展名将它们视为 Webstorm 中的 Sass 文件。根据您使用的 PostCSS 插件更改文件类型后,您还需要关闭 Webstorm 提供的一些语法检查。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2023-03-22
    • 2014-12-22
    • 2019-10-24
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多