用于 React 中样式 CSS 的 Visual Studio Code Intellisense？答案

【问题标题】：Visual Studio Code Intellisense for style CSS in React?用于 React 中样式 CSS 的 Visual Studio Code Intellisense？
【发布时间】：2020-01-24 18:28:39
【问题描述】：

在 React 中开发时，是否可以获得自动完成或建议或智能感知或 CSS 的东西？

例如，当我写这样的东西时，我希望能够看到该 CSS 属性的所有可能性。我知道如果我使用 .css 文件，我可以得到这个，但有时我想使用内联 CSS 来做一些事情，而且每次我都必须谷歌看看我可以使用什么，这真的很烦人。

【问题讨论】：

标签： css reactjs visual-studio-code

【解决方案1】：

我认为没有什么扩展可以帮助你，因为 CSS 一天比一天好。因此，您最多可以创建一个备忘单并将其用于每个项目。

您可以通过Zignd 安装IntelliSense for CSS class names in HTML。它是 VS Code 扩展，可在程序启动时加载您的 CSS 并为此提供自动完成功能。

【讨论】：

这不是我要找的，这只适用于类名，我需要一些适用于 CSS 属性的东西
扫描整个项目并维护缓存。因此，这意味着如果您经常使用边距类，它将通过自动完成显示。
这并不完全正确。在

【解决方案2】：

如果您使用的是 Styled-Components，请尝试使用此扩展：

扩展名：vscode-styled-components by Julien Poissonnier

https://marketplace.visualstudio.com/items?itemName=jpoissonnier.vscode-styled-components

【讨论】：

【解决方案3】：

也许你可以使用它。（类似于 React Native 中的 StyleSheet.create()）： https://github.com/sutanlab/react-styles-hook

【讨论】：

【解决方案4】：

我认为没有必要，因为大多数时候，如果您使用太多 CSS，您将拥有模块化和外部 css 文件。但是对你来说，暂时将“语言模式”更改为 css 怎么样。这可能需要额外的点击，但它会在 Visual Studio Code 中为您提供 CSS 自动完成或建议。

【讨论】：