digikid / vite-vue-project

Modern starter template for Vite with Vue and TypeScript

Vite + Vue Project

Modern starter template for Vite with Vue and TypeScript

English | Русский

About

This starter template should help get you started developing with Vue, TypeScript and set of modern UI tools in Vite.

Additional Tools

CSS Framework

Tailwind CSS is basically a utility-first CSS framework for rapidly building custom user interfaces. It is a highly customizable, low-level CSS framework that gives you building blocks you need to build bespoke designs without any annoying opinionated styles you have to fight to override.

• Tailwind CSS

CSS Plugins

This template also includes first-party plugins needed for Tailwind UI:

• forms
• typography
• aspect-ratio

PostCSS plugin to parse CSS and add vendor prefixes to CSS rules using values from Can I Use. It is recommended by Google and used in Twitter and Alibaba.

• Autoprefixer

UI Components

Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.

• Headless UI

Fonts

Inter is a typeface carefully crafted & designed for computer screens.

• Inter var (self-hosted)

Coding Style

ESLint is an open source project that helps you find and fix problems with your JavaScript code.

• ESLint + Airbnb Config

A mighty, modern linter that helps you avoid errors and enforce conventions in your styles.

• Stylelint + Standard Config

Usage

GitHub Template

Create a repo from this template on GitHub

Local Install

npx degit digikid/vite-vue-project my-project
cd my-project
npm i

Path Aliases

By default, all path aliases declared in tsconfig.json file are imported into the Vite config, so you don't have to declare them twice.

Browser Support

Only the latest versions of major browsers (e.g. Chrome, Firefox, Safari, Edge etc) are supported.

There is no support for any version of IE.

License

The MIT License (MIT)