vite-app-demo

This demo is designed to kickstart my development journey using Vue 3, NestJS, TypeScript, PM2, Vue Router, Pinia, Vitest, and Tailwind CSS within the Vite ecosystem. The demo leverages Vue 3 <script setup> Single File Components (SFCs), check out the script setup docs to learn more.

Recommended IDE Setup

VSCode + Volar (and disable Vetur)

Type Support for .vue Imports in TS

TypeScript cannot handle type information for .vue imports by default, so we replace the tsc CLI with vue-tsc for type checking.

Customize configuration

See Vite Configuration Reference.

Project Setup

pnpm install

Compile and Hot-Reload for Development

pnpm vd

Type-Check, Compile and Minify for Production

pnpm vb

Run Unit Tests with Vitest

pnpm vt

References

• https://pnpm.io/installation
• https://lobotuerto.com/notes/build-a-vue3-typescript-dev-environment-with-vite