VS Code Setup
Learn how to set up your editor for a better development experience.
Extensions
Once you cloned the project and opened it in VSCode you should be promted to install suggested extensions which are defined in the .vscode/extensions.json automatically. In case you rather want to install them manually you can do so at any time later.
ESLint
Global extension for static code analysis. It will help you to find and fix problems in your JavaScript code.
Download ESLint ↗
Prettier
Global extension for code formatting. It will help you to keep your code clean and consistent.
Download Prettier ↗
Tailwind
Adds IntelliSense for Tailwind CSS classes to enable autocompletion and linting.
Download Tailwind CSS IntelliSense ↗
Prisma
Adds syntax highlighting, formatting, auto-completion, jump-to-definition and linting for .prisma files.
Download Prisma ↗
Debugger
If you want to use the debugger, press Ctrl/Command + Shift + D then select the appropiate debugger profile from the dropdown menu:
- Debug Dashboard: Starts the debugger for the dashboard app.
- Debug Marketing: Starts the debugger for the marketing app.
The debugger profiles are defined in .vscode/debugger.json.