Visual Studio 代码:较少的文件显示自动完成,css 文件不显示

st-*_*t-h 4 css visual-studio-code postcss

由于从 less 迁移到 css,visual studio code 给我带来了困难。

编辑 *.less 文件时,自动完成功能非常好并显示如下信息: 在此处输入图片说明

但是,当我在 *.css 文件中做同样的事情时,事情看起来像这样: 在此处输入图片说明

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

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

编辑

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

Kev*_*sco 5

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

智能感知工作

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

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