如何使用样式化组件在 jsx 文件中获得 css 属性的建议列表答案

【问题标题】：How can i have a list of suggestions of css properties in jsx file using styled components如何使用样式化组件在 jsx 文件中获得 css 属性的建议列表
【发布时间】：2021-12-08 10:11:55
【问题描述】：

我正在使用 styled-components 库来设置我的应用程序的样式。我遇到的问题是，例如，当我创建了一个容器并且我想在输入字体时在其中插入 CSS 时，它没有像我通常在 CSS 中那样提供可供选择的属性列表（字体大小， font-weight...)，我应该手动编写所有 CSS 属性。

import styled from 'styled-components';


//styled Components

const AppContainer = styled.div`
    CSS HERE
`;

function App() {
  return (
    <AppContainer>
      <h1>Hello Gallery</h1>
    </AppContainer>
  );
}

export default App;

我应该安装一个 VS 扩展来激活我的 jsx 文件中的这个选项吗？

【问题讨论】：

标签： reactjs styled-components

【解决方案1】：

您可以尝试使用https://marketplace.visualstudio.com/items?itemName=jpoissonnier.vscode-styled-components 来自动提示和自动完成样式。

【讨论】：