如何在 Visual Studio 代码中配置设置以便更漂亮地为 react.js 工作

Question

当我按下save时，代码如下所示。
我不希望prettierrc.json采取行动，我也不希望ESLINT 。

我已经安装了可视化代码扩展 Prettier Prettier Code Formatter并将editor.formatonSave更改为true

       "editor.formatOnSave": true,
      "[javascript]": {
        "editor.formatOnSave": false,
      },
      "[javascriptreact]": {
        "editor.formatOnSave": false,
      },
      "[typescript]": {
        "editor.formatOnSave": false,
      },
      "[typescriptreact]": {
        "editor.formatOnSave": true,
      }
    }

例子

    import React from "react";
    import "./App.css";

    import Ball from "./Ball";
    import Lottery from "./Lottery";

    function App() {
      return ( <
        div className = "App" >
        <
        Lottery / >
        <
        Lottery title = "Mini Daily"
        maxNum = {
          10
        }
        maxBalls = {
          4
        }
        /> <
        /div>
      );
    }

    export default App;

Answer 1

这是我所做的，安装了 Prettier 扩展后，我将其添加到了我的 settings.json 中：

"[javascriptreact]": { "editor.defaultFormatter": "esbenp.prettier-vscode", "editor.formatOnSave": false }

我实际上将我的设置为 true，因为我确实希望它格式化 my.jsx 文件（注意我使用扩展名.jsx not.js）。 但是，如果您将其设置为 false，那么在您的情况下，您应该对 go 很好。