Search code examples
reactjsvisual-studio-codeprettier

How to format React Codes in Visual Studio Code?

When auto-formatting React codes in VSCode it makes errors. I am using the Prettier extension. So what is the best code formatted for this?

Solution

  • Finally, I have found a way to do it. In the vscode settings, I have to change to default format to prettier.

    enter image description here

    As well as on the project it is needed to create a .prettierrc file with suitable configurations for the project.

    enter image description here enter image description here

    {
  "trailingComma": "es5",
  "tabWidth": 2,
  "semi": true,
  "singleQuote": true
}

    And if you do not need it, you can always enable to format the code without the .prettierrc file.