首页 > 解决方案 > 当您通过 NPM 安装 CSS 框架并排除 node_modules 文件夹时,如何在 VS Code 中使用 CSS 框架自动完成?

问题描述

例如,如果我想通过 npm 让 Bulma 进入我的项目(在文档中推荐),我是这样安装的

npm install bulma

以及位于node_modules. 这就是问题发生的地方。

通常,我在 VS 代码中排除了该文件夹以获得更好的性能。

在 VSCode 上显示 CSS 自动完成功能的 2 个扩展是HTML/CSS support并且Intellisense for CSS class names in HTML不支持隐藏的 CSS 文件node_modules

(感谢@garyking 在排除的文件夹中的 CSS 文件上,files.exclude不要解析问题来指出这个问题)

我们对此有什么解决方案吗?

标签: npmvisual-studio-codeautocompletebulmacss-frameworks

解决方案


我的解决方法是:

1:node_modules再次在 VS Code 中显示文件夹(不利于 VSCode 团队所说的性能)

2:在 VS Code setting.json 上使用这个技巧:

  "files.exclude": {
    "**/node_modules/{[^b],?[^u],??[^l],???[^m]}*": true
  }

(更多信息,请查看此问题VS Code - Exclude all files except ...


推荐阅读