This template should help get you started developing with Vue 3, Typescript and Jest Unit Testing in Vite. The template uses Vue 3 <script setup> SFCs, check out the script setup docs to learn more.

That project was set up following in parts Build a Vue 3 + TypeScript dev environment with Vite

Please install nvm.

Copy the file .envrc.template to .envrc. Install direnv and run direnv allow on the repository root.

The provided .envrc configuration uses nvm to install a specific node version, it installs pnpm globally.

The project uses pnpm as package manager. Its commands are essentially similar to yarn. pnpm needs the .npmrc file which is already part of the repostory. To install the project dependencies run pnpm install.

If you're on a Unix based shell you can have the pnpm dev command open in a specific browser in incognito / private browsing mode automatically. .envrc is already prepared for that. Just adapt the contents of the file .open-browser.js to your needs.

If you do not want to use that feature, just provide your .envrc excluding the BROWSER export.

Choose one setup for all participants. Unfortunately, CodeTogether and Code With Me are not compatible with each other.

• VSCode + Volar + TypeScript Vue Plugin (Volar) + CodeMetrics + CodeTogether + Vitest Explorer
• IntelliJ + Vue.js + Prettier + SonarLint + Code With Me