如何在Visual Studio代码中配置设置，使它们更漂亮才能在react.js中使用

Question

当我按save时，代码如下。我既不想prettierrc.json也不表演，也不想ESLINT。

我已经安装了可视代码扩展名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，因为我确实希望它格式化我的.jsx文件的格式（请注意，我使用扩展名.jsx而不是.js）。但是，如果将其设置为false，则应根据情况进行选择。