我正在将 Visual Studio Code 用于 React 项目，并且有很多.js看起来像这样的文件：

import React, { PureComponent } from 'react'

class Foobar extends PureComponent {
  render() {
    return (
      <main>
        Foo
      </main>
    )
  }

}

export default Foobar

React 自身方法的自动完成工作正常（例如添加componentWill...到组件中），但在键入 JSX 时我没有得到任何建议。不建议输入类似onCli...into 的内容。mainonClick

我找到了一些关于typescript定义的教程，所以我安装了：

"@types/react": "^16.0.36",
"@types/react-dom": "^16.0.3",

但这没有任何作用。即使我将文件从 重命名.js为.jsx，.ts或者.tsx我不会自动完成 JSX 属性。

有什么我错过的吗？

我还创建了一个jsconfig.json：

{
  "compilerOptions": {
    "target": "ES6",
    "module": "commonjs",
    "allowSyntheticDefaultImports": true
  },
  "exclude": [
    "node_modules"
  ]
}

并将其添加到我的 VS Code 配置中：

"emmet.includeLanguages": {
    "javascript": "javascriptreact"
},
"emmet.syntaxProfiles": {
    "javascript": "jsx"
},
"files.associations": {
    "*.js": "javascriptreact"
}