寻求可检测React.js内CSS样式属性错误的VSCode扩展

当然有工具能解决这个问题，推荐几个实用的方案：

• TypeScript + @types/react
  这是最省心的方案，不用额外装扩展。把项目换成TypeScript，或者在JS文件里加类型注释，@types/react提供的React.CSSProperties类型会严格校验内联style的属性名。写fontsize的时候，VSCode直接会标红提示该属性不存在，正确写法是fontSize。

• 开启VSCode的TypeScript检查（无需全量转TS）
  不想改TypeScript项目的话，在JS文件顶部加一行// @ts-check，再确保装了@types/react依赖，VSCode会自动启用类型检查，识别出style对象里的属性名错误。

• ESLint + eslint-plugin-react
  配置ESLint并装上eslint-plugin-react，配合@typescript-eslint/parser（如果用TS）或者babel-eslint（纯JS），可以让ESLint检测style对象的属性是否符合React的CSS规范。纯JS项目里，还可以给style对象加JSDoc类型标注/** @type {React.CSSProperties} */，让ESLint和VSCode能识别错误。

内容的提问来源于stack exchange，提问作者Michael Xia