VSCode setup

Of course you can use every IDE you like, but you will have the best possible developer experience with this starter kit when using VSCode with the suggested 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.

These are the extension we recommend:

Vue Language Features (Volar) (opens in a new tab)
Adds language support for Vue 3, also adds a lot of DX improvements for using TypeScript with Vue.

Nuxt MDC (opens in a new tab)
Provides syntax highlighting and colon matching for MDC (Markdown Components) files for your blog content.

Prettier (opens in a new tab)
The formatter for the code.

ESLint (opens in a new tab)
Helps writing code that is readable and easy to debug.

i18n-ally (opens in a new tab)
Enables you to translate your app easily within your editor and gives you previews of the translated strings within your component files.

Tailwind CSS Intellisense (opens in a new tab)
Adds intelligent tooling for writing your styles with Tailwind CSS.

The starter kit also comes with some workspace settings for VSCode that make the development flow more seamless. If you want to change then you can do so in the .vscode/settings.json file.