Skip to content
/ vite-vue-project Public template

Modern starter template for Vite with Vue and TypeScript

License

Notifications You must be signed in to change notification settings

digikid/vite-vue-project

Repository files navigation

Vite + Vue Project

Vite + Vue Project

Modern starter template for Vite with Vue and TypeScript

English | Русский

Release version TypeScript MIT License

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.

CSS Plugins

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

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.

UI Components

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

Fonts

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

Coding Style

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

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

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.

Chrome Firefox Edge Safari Opera

There is no support for any version of IE.

License

The MIT License (MIT)