Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>jsx-beautifyNew to Visual Studio Code? Get it now.
jsx-beautify

jsx-beautify

Qi JIANG

|
55,990 installs
| (3) | Free
I am still working on it. So please do not download!!
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

jsx-beautify README

JSX-beautify is used to beautify JSX code.

Features

Beautify your JSX files. You can speicific a global rc file to save your beautify settings. You can use hot key Ctrl+M (Command+M) to beautify your JSX file.

Requirements

VSC 1.6 and above.

Extension Settings

Add a global settings:

  • gogocrow.beautify.jsbeautifyrc: Set a global jsbeautifyrc file for some options. For example:
"gogocrow.beautify.jsbeautifyrc": "/Users/gogocrow/.jsbeautifyrc"

Here is a sample for the file content:

{
  "end_with_newline": true,
  "indent_size": 2,
  "jsx": {
    "alignWithFirstAttribute": false,
    "bracepadding": false,
    "braces": "knr",
    "spaceclose": true,
    "methodchain": "chain",
    "objsort": "all",
    "formatObject": "indent",
    "ternaryline": true,
    "wrap": 100
  }
}
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft