如何让VS Code IntelliSense支持Material-UI组件TSX文件的CSS-in-JS？

以下几个VS Code扩展可以满足你在.tsx文件中自定义Material-UI组件时的CSS-in-JS属性智能提示需求：

• Material UI Styled Components VSCode Extension
  专门适配Material-UI的styled API，完美支持TypeScript/TSX文件。安装后，在styled回调的样式对象中输入CSS属性（如backgroundColor）时，会自动弹出属性提示，还能关联Material-UI主题变量的提示。

• vscode-styled-components
  这是一款广泛使用的styled-components语法支持扩展，目前已兼容TSX文件。安装后需要在VS Code设置中添加以下配置，确保对TypeScript React文件生效：

  {
    "typescript.suggest.completeFunctionCalls": true,
    "styled-components.languages": ["typescript", "typescriptreact"]
  }
  

  配置完成后，在你的Container.tsx这类文件的样式对象中，就能获得完整的CSS属性智能提示。

这两个扩展都能替代你试用过的仅支持.js文件的'CSS-in-JS'扩展，满足TSX环境下Material-UI自定义组件的属性提示需求。

内容的提问来源于stack exchange，提问作者Glen Ottley