/
Code Formatting (Frontend)

Code Formatting (Frontend)

We use eslint and prettier for styling and linting. By installing dependencies you already have everything needed for development, use command yarn lint:fix (styling .ts files) or yarn format (styling every files except html).

To make the development more convenient, further IDEs settings should be configured for automation, please see official guide: https://prettier.io/docs/en/editors.html

Webstorm supports prettier natively, you can check the setting Run on save for files.

Install add on prettier-vscode (Prettier - Code Formatter). Settings for VS Code in .vscode/settings.json are already configured to format on save. If it somehow doesn’t work, check the setting manually.

 

Related content

Setup Development Environment
Setup Development Environment
More like this
Checkstyle
Checkstyle
More like this
Code Formatting (Backend)
Code Formatting (Backend)
More like this
Getting started
Getting started
More like this
Frontend Coding Guidelines
Frontend Coding Guidelines
More like this
Code Review
Code Review
More like this