Vue Starter Template

This is a Vue starter template designed to kickstart your Vue projects with a strong foundation of tools and configurations that improve development workflow, code quality, and application performance. The template integrates Vite for bundling and development, Tailwind CSS for styling, and TypeScript for type checking, among others.

Features

• Vite: An incredibly fast frontend build tool.
• Vue 3: Progressive JavaScript framework for building user interfaces.
• TailwindCSS: A utility-first CSS framework for rapidly building custom designs.
• TypeScript: A strict syntactical superset of JavaScript that adds optional static typing.
• Prettier: An opinionated code formatter, ensuring that code conforms to a consistent style.
• PostCSS & Autoprefixer: Process CSS and automatically add vendor prefixes to CSS rules.
• Vitest: A unit-testing framework for vite applications.

Getting Started

Installation

$ git clone [your-template-repo] my-new-vue-app
$ cd my-new-vue-app
$ npm install

Development:

Start a local development server with hot-reloading.

$ npm run dev

Building:

Build your project for production.

$ npm run build

Unit-Testing:

Run unit tests with Vitest.

$ npm run test:unit

Format:

Format your code with Prettier.

$ npm run format