This template should help get you started developing with Vue 3 and Typescript in Vite.
Uses the additional following libraries:
- Tailwind CSS (because utility-CSS scales better)
- Vitest (because running tests should be fast)
- Cypress (because UI Component-testing rox!)
- Prettier (auto-formats when save in VS Code)
- ESLint (Fix problems in your TypeScript Code)
- simple-import-sort (Sort import statements)
Make sure you have git and node installed.
Navigate to your desired folder to save the files and execute the following commands:
npx degit https://github.com/linusang/vite-starter-kit.git
// say yes if prompted
npm install
// if you use git
git init
// running the app
npm run dev
// open browser and navigate to http://localhost:3333
- Vitest to test business logic (use
npm run vitest
) - Cypress to test UI/Component (use
npm run cypress
and usenpm run cypress-ci
to run in CI environment)
- Uses Tailwind CSS because of this article
- Makes use of JIT feature
VSCode + Volar + Prettier + ESLint.
<script setup>
is a syntactic-sugar feature. To get proper IDE support for the syntax, use Volar .