VSCode React Development Workplace Settings

.jsbeautifyrc

// this file should place in you project root.
{
    "e4x": true,
    "brace_style": "collapse,preserve-inline",
    "break_chained_methods": true,
    "max_preserve_newlines": 2,
    "indent_size": 2
}

settings.json

// Needed Extension： [email protected]
// this file should place in your .vscode/
{
    "beautify.language": {
        "js": {
            "type": [
                "javascript",
                "json"
            ],
            "filename": [
                ".jshintrc",
                ".jsbeautify"
            ]
        },
        "css": [
            "css",
            "scss"
        ],
        "html": [
            "htm",
            "html"
        ]
    },
    "files.eol": "\n",
    "editor.tabSize": 2
}