Skip to content
Snapcaster Docs

Editor Setup

Now we will go over some IDE configurations we recommend you use that will help when working in the Snapcaster code base.

Prettier in Visual Studio Code

One problem we have as developers is maintaining the same code formatting with our auto format extensions. In the front-end and back-end repos, you will find a .prettierrc file which will standardize the formatting when working in the repos.

This will also be important for utilizing the tailwind css auto formatter package in the front end repo. Class names will be autoformatted in a standardized format which will help minimize confusing file changes in PR Reviews

In Visual Studio Code:

  1. Navigate to the extensions tab.

  2. Search and install Prettier - Code Formatter by Prettier.

  3. In your VS Code settings and search prettier.

  4. In the text editor tab, set your default formatter to Prettier - Code Formatter.

  5. Search format on save in the settings search bar and enable Editor: Format On Save.