web#

This template should help get you started developing with Vue 3 in Vite.

Recommended IDE Setup#

VS Code + Vue (Official) (and disable Vetur).

Recommended Browser Setup#

• Chromium-based browsers (Chrome, Edge, Brave, etc.):
  • Vue.js devtools
  • Turn on Custom Object Formatter in Chrome DevTools
• Firefox:
  • Vue.js devtools
  • Turn on Custom Object Formatter in Firefox DevTools

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. In editors, we need Volar to make the TypeScript language service aware of .vue types.

Customize configuration#

See Vite Configuration Reference.

Project Setup#

pnpm install

Compile and Hot-Reload for Development#

pnpm dev

Type-Check, Compile and Minify for Production#

pnpm build