如何使 CSS 建议出现在 Nuxt 项目的 JetBrains IDE（例如 PyCharm）中？答案

【问题标题】：How to make CSS suggestions to appear in JetBrains IDE (e.g. PyCharm) for Nuxt project?如何使 CSS 建议出现在 Nuxt 项目的 JetBrains IDE（例如 PyCharm）中？
【发布时间】：2021-06-24 06:59:51
【问题描述】：

谁能告诉我如何让 CSS 建议出现在 JetBrains IDE（例如 PyCharm）中？我让他们使用 Vuetify 处理常规的 Vue 项目，但在 Nuxt 项目中，它们不会出现。

这是我在 Vue 项目中拥有的，并且希望在 Nuxt 中也一样，请参见下文：

【问题讨论】：

它应该在 Nuxt 中像在 Vue.js 应用程序中一样工作。你在哪里定义了 CSS 选择器？项目中是否包含对应的.css文件？
@lena .css 文件包含在node_modules 中。我使用create-app（nuxt 的标准 CLI 工具，我相信它应该具有最正确的设置）和 Vuetify 创建了另一个新项目，它也没有提供建议。我最终得到的是将 vuetify.css 添加到 /assets/ 文件夹并将其添加到 .gitignore。但我认为有人应该知道它到底有什么问题。所以这就是我提出这个问题的原因。
所以这一切都与node_modules/vuetify/dist/vuetify.css中的课程有关？
@lena 是的，感谢您的帮助。它奏效了。

标签： vue.js pycharm nuxt.js vuetify.js jetbrains-ide

【解决方案1】：

在 Jetbrains IDE 中，node_modules 文件夹被排除在项目之外以获得更好的性能，只有在 package.json 中列出的直接依赖项被编入索引。

在使用create-app 创建的 Nuxt 应用程序中，vuetify 不是直接依赖项，因此它被排除在索引之外，并且没有完成可用。将"vuetify": "*" 添加到您的项目package.json 并重新打开项目应该会有所帮助

【讨论】：