如何在我的 Visual Studio Code 中设置 Prettier 和 ESLint

如何解决如何在我的 Visual Studio Code 中设置 Prettier 和 ESLint

我使用 VSCode 编写 ReactJS，所以我使用 .js 和 .jsx 文件，但我在格式化代码时遇到问题。早期我的 Prettier 工作得很好，但现在它不起作用，当我尝试保存它时代码没有格式化（CRTL+S）。

这是我的 settings.json 的代码

{
    "editor.formatOnSave": true,//Not working :(
    "prettier.tabWidth": 4,//But real tabWidth is 2,and I'm wanna fix it too
    "prettier.singleQuote": true,"prettier.trailingComma": "all","prettier.semi": true,"prettier.jsxBracketSameLine": true,"prettier.printWidth": 100,"emmet.triggerExpansionOnTab": true,"emmet.includeLanguages": {
        "javascript": "javascriptreact"
    },"workbench.activityBar.visible": true,"git.enableSmartCommit": true,"git.confirmSync": false,"prettier.useTabs": true,"prettier.useEditorConfig": false,"workbench.startupEditor": "newUntitledFile","eslint.codeAction.showDocumentation": {
        "enable": true
    }
}