My Visual Studio Code workspace settings for CRA

.eslintrc

{
    "extends": [
        "react-app"
    ],
    "rules": {
        "semi": [
            "error",
            "never"
        ],
        "quotes": [
            "error",
            "single",
            {
                "allowTemplateLiterals": true
            }
        ],
        "indent": [
            "error",
            4
        ]
    }
}

.prettierrc

{
    "printWidth": 100,
    "tabWidth": 4,
    "semi": false,
    "singleQuote": true
}

extensions.json

{
	"recommendations": [
		"streetsidesoftware.code-spell-checker",
		"msjsdiag.debugger-for-chrome",
		"dbaeumer.vscode-eslint",
		"PKief.material-icon-theme",
		"Orta.vscode-jest",
		"xabikos.javascriptsnippets"
	]
}

settings.json

{
    "editor.formatOnPaste": true,
    "zenMode.centerLayout": false,
    "zenMode.hideStatusBar": false,
    "explorer.confirmDragAndDrop": false,
    "eslint.autoFixOnSave": true,
    "eslint.alwaysShowStatus": true,
    "files.autoSave": "onFocusChange",
    "workbench.editor.showTabs": false,
    "workbench.iconTheme": "material-icon-theme",
    "workbench.colorTheme": "One Dark Pro Vivid",
    "explorer.openEditors.visible": 0,
}