时间戳

首页 > 解决方案 > VSCode：如何在 scss 文件中自动完成 React 组件类名

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

问题描述

作为标题，我尝试过像HTML 到 CSS 自动完成 这样的插件，它适用于.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. */
}

标签： reactjsvisual-studio-codeintellisense

解决方案

您可以将SCSS IntelliSense ] 与IntelliSense 一起用于 HTML和HTML 类建议中的 CSS 类名

推荐阅读