为什么 vscode 没有将 react 代码识别为 react javascript,而是将其格式化为 vanilla javascript

5 javascript reactjs visual-studio-code prettier

我正在使用 Prettier 并启用保存格式,但是当我在 App.js 中进行任何更改并将其保存时,Prettier 会破坏我的代码,因为它将其作为普通 javascript 处理

小智 7

我正在使用 create-react-app 所以它生成主要组件 App.js 我在其他组件中使用 .JSX 但问题是当我对 App.js 进行任何更改时

我通过更改 Vscode 设置中的文件关联设置(特定于用户工作区)解决了这个问题

我刚刚添加了这一行

    "files.associations": {
        "*.js": "javascriptreact"
}
Run Code Online (Sandbox Code Playgroud)

并且非常适合我。

  • @MarsAndBack您可以创建一个目录`/yourproject/.vscode/settings.json`并将上面的代码粘贴到那里。另请确保将此目录添加到 `.gitignore` 中 (3认同)
  • 那么,当您处理非 React JS 文件(您可能更喜欢其他格式)时会发生什么? (2认同)