【问题标题】:visual studio code: less files show autocomplete, css files do not视觉工作室代码:较少的文件显示自动完成,css文件不
【发布时间】:2020-04-17 05:27:23
【问题描述】:

自从从 less 迁移到 css 后,Visual Studio 代码让我很难受。

编辑 *.less 文件时,自动完成功能非常出色,并显示如下信息:

但是,当我在 *.css 文件中执行相同操作时,情况如下所示:

这既不显示 MDN 参考,也不列出可用的自动建议选项。我已经多次浏览了我的扩展程序,但是没有什么比安装更具体的了。

为什么我在编辑 less 和 css 文件时会看到如此不同的行为?最重要的是,如何为 css 文件启用 MDN 引用和自动完成功能?

编辑

刚刚发现,这种行为的原因是使用了 post css。 Visual Code 对 css 文件使用文件类型 post css。当文件类型更改为 css 时,行为与 less 文件相同。有没有办法为 post css 文件类型启用 css IntelliSense 功能?

【问题讨论】:

    标签: css visual-studio-code postcss


    【解决方案1】:

    如果您想使用 PostCSS,您需要安装一个扩展以获得支持。在the Marketplace 中查找语言服务器。 This one 在语法高亮的基础上实现了 IntelliSense(并非全部都这样做!见下文)。

    请参阅 GitHub 上的 thisthis other 讨论,了解为什么 PostCSS 不使用常规 CSS 自动完成功能。一般来说,有效的 PostCSS 不会被正确处理。当然你可以通过更改右下角的语言模式来强制这样做。

    另一方面,.css 文件绑定到 PostCSS 的事实可能意味着某些扩展名覆盖了默认值This oneexactly the issue 接管 CSS 文件并且未能提供自动完成功能。由于某种原因,我无法通过在设置 JSON 中写下文件关联来重新覆盖它,所以我必须每次都更改语言模式,或者卸载/禁用它。

    【讨论】:

    • 非常感谢您的回答。我确实安装了 PostCSS 语言支持,我的问题几乎就是你链接的问题。我尝试安装 postcss-sugarss-language,它带回了我想要的所有 MDN 东西,太棒了。但是,它也破坏了 postcss-modules-values 并且 VSC 现在抱怨所有使用的 @values。我会接受这个答案,因为我认为目前没有简单的方法来获得对我希望看到的所有内容的支持。将研究自定义格式,也许有办法让它发挥作用。
    猜你喜欢
    • 2015-11-30
    • 2023-04-05
    • 2020-06-14
    • 2022-10-20
    • 2021-08-20
    • 2021-08-29
    • 2018-07-05
    • 1970-01-01
    • 2019-12-23
    相关资源
    最近更新 更多