VSCode：如何在 scss 文件中自动完成 React 组件类名答案

【问题标题】：VSCode: How to auto-complete React component className in scss fileVSCode：如何在 scss 文件中自动完成 React 组件类名
【发布时间】：2021-07-15 06:17:07
【问题描述】：

作为标题，我试过像HTML to CSS autocompletion 这样的插件，它适用于.html 文件，例如：

index.html

<body>
    <noscript>You need to enable JavaScript to run this app.</noscript>
    <div class="sections"></div>
    <div id="root"></div>
</body>

然后在我的.scss 文件中，.sections 的自动完成工作：

.App {
   .sec  /* Pressing <Tab> at the position following `c` will 
            trigger auto-complete. */
}

.App {
   .sections /* The result. */
}

虽然这不适用于 React 组件：

import "./app.scss"

function App() {
  return (
    <div className="App">
      <Topbar/>
      <div className="testing"></div>
    </div>
  );
}

./app.scss:

.App {
   .tes /* Pressing <Tab> will not trigger auto-complete. */
}

【问题讨论】：

标签： reactjs visual-studio-code intellisense

【解决方案1】：

您可以将SCSS IntelliSense] 与IntelliSense for CSS class names in HTML 和HTML Class Suggestions 一起使用

【讨论】：

它不起作用。是不是必须在vscode的Settings里面修改一些设置？