A Vue.js template with built-in Vite, Sass, TypeScript, PostCSS, and Tailwind CSS to help you start your project!

Overview

Vue 3 + Typescript + Vite

This template should help get you started developing with Vue 3 and Typescript in Vite. The template uses Vue 3 <script setup> SFCs, check out the script setup docs to learn more.

Recommended IDE Setup

Type Support For .vue Imports in TS

Since TypeScript cannot handle type information for .vue imports, they are shimmed to be a generic Vue component type by default. In most cases this is fine if you don't really care about component prop types outside of templates. However, if you wish to get actual prop types in .vue imports (for example to get props validation when using manual h(...) calls), you can enable Volar's .vue type support plugin by running Volar: Switch TS Plugin on/off from VSCode command palette.

You might also like...
⚡ Vite + ✔️ Vue 3 + 🌻 Tailwind
⚡ Vite + ✔️ Vue 3 + 🌻 Tailwind

⚡ Vite + ✔️ Vue 3 + 🌻 Tailwind This template should help get you started developing with Vue 3 in Vite using tailwind css. The template uses Vue 3 s

Very low cost dynamic themes in vite and Ant Design Vue. About using @zougt/vite-plugin-theme-preprocessor.
Very low cost dynamic themes in vite and Ant Design Vue. About using @zougt/vite-plugin-theme-preprocessor.

Vite + ant-design-vue about dynamic themes demo https://gitofzgt.github.io/vite-dynamictheme-antd-vue-demo/ Using the plugin @zougt/vite-plugin-theme-

Vite-starter - Vueform Vite + TailwindCSS 3 Boilerplate
Vite-starter - Vueform Vite + TailwindCSS 3 Boilerplate

Vueform Vite + TailwindCSS 3 Boilerplate Last tested with Vite 2.7.13. Installat

Vite - Vue 2 starter template using composition-api and windiCSS

Vite ⚡ - Vue 2 starter template Create a Vue 2 application bundled by the lightning fast build tool Vite ✨ Live Demo 🔥 Features ⚡️ Vite 2, Vue 2 and

Starter template for Neutralino.js with Vite.js and Vue.js

Neutralino.js Template With Vite.js and Vue.js Neutralino.js Neutralino.js is a new competitor to Electron.js which is smaller and consumes tiny amoun

👻 A fast Simple Vite 2, Vue 3 and Electron 13.x template.
👻 A fast Simple Vite 2, Vue 3 and Electron 13.x template.

👻 A fast Simple Vite 2, popular front-end frameworks and Electron 13.x template. This template should help get you started developing with Vite 2, popular front-end frameworks and Typescript in Electron.

Emp-portal-vite - A template with Vue Router, VueX, TailwindCss and JIT Compiler
Emp-portal-vite - A template with Vue Router, VueX, TailwindCss and JIT Compiler

Vite + Vue + VueX + Vue Router + TailwindCss + JIT This template allows you to q

Extended version of vite's official vue-ts template. adds CI, linting, testing and auto-formatting.

vite-vue-ts-template extended version of vite's official vue-ts template. additional features: eslint for linting. vitest + testing-library for testin

Chrome extension development template based on Vite, Vue.js and rollup-plugin-chrome-extension.

Chrome extension development template based on Vite, Vue.js and rollup-plugin-chrome-extension.

Owner
LouieMartin
Hello! I am a full stack developer.
LouieMartin
My personal website. Base on Vite 2.0 and Vue 3.0. If you want to know how to use Vite to develop a project, you can refer to this repository.

chengpeiquan.com My personal website. Base on Vite 2.0 and Vue 3.0. You can see Rewrite in vite to learn more. Architecture License MIT License © 2021

chengpeiquan 39 Dec 11, 2022
Opinionated Vite + Vue 3 + TypeScript + Tailwind CSS starter.

Vite Typescript + Tailwind Starter Simple, opinionated, and production-ready TS + Tailwind project template for Vite 2. See changelog for latest chang

Ville Säävuori 284 Jan 8, 2023
Windi CSS vs Tailwind CSS JIT on Vite

Windi CSS vs Tailwind CSS JIT on Vite yarn yarn dev to start both servers http://localhost:3100/ - Windi CSS http://localhost:3200/ - Tailwind CSS JIT

Anthony Fu 56 Sep 14, 2022
A Tailwind CSS starter template for Vite

Vite + Tailwind CSS Starter A Tailwind CSS starter template for Vite Tailwind UI Users If you have access to Tailwind UI, follow these steps to add it

Eduardo San Martin Morote 419 Dec 27, 2022
My ⚡️Vite configuration, including ESLint, Prettier and Tailwind CSS

Install and configure ESLint, Prettier, and Tailwind CSS using Vite (in VS Code) The First Step Create a new Vite project through yarn: yarn create vi

null 1 Dec 12, 2021
Plantilla de inicio rápido de proyectos Vue.js 3 usando Vite.js, con Pinia, Vue Router, WindiCSS (Tailwind) e Iconify sobre TypeScript.

Vue Vite TS Plantilla de proyectos Vue.js para Vite, con Pinia, Vue-Router, WindiCSS (Tailwind) e Iconify sobre TypeScript. Uso npm install npm start

José Luis González Sánchez 1 Dec 27, 2021
Vue 3 + TypeScript + Vite 3 + Pinia 2 + Ant-Design 3 + Vue Router 4 Template

Vue 3 + TypeScript + Vite 3 + Pinia 2 + Ant-Design 3 + Vue Router 4 Template This template should help get you started developing with Vite, Ant-Desig

X1a0He 2 Nov 7, 2022
Open source Wordle clone built with Vue, TypeScript, and Vite

Vue 3 + Typescript + Vite This template should help get you started developing with Vue 3 and Typescript in Vite. The template uses Vue 3 <script setu

Devlin Rocha 2 Aug 9, 2022
Plantilla de inicio rápido de proyectos Vue.js 3 usando Vite.js, con Pinia, Vue Router, WindiCSS (Tailwind) e Iconify sobre JavaScript.

Vue Vite JS Plantilla de proyectos Vue.js para Vite, con Pinia, Vue-Router, WindiCSS (Tailwind) e Iconify sobre JavaScript. Uso npm install npm start

José Luis González Sánchez 2 Dec 27, 2021
Vite 2.x + Vue 3.x + Tailwind 2.x (starter) ⚡

Vite 2.x + Vue 3.x + Tailwind 2.x starter ⚡ This starter template also includes: Vue Router 4.x Inter var font (self-hosted, woff2 format, version 3.1

Eugene Kopich 1k Oct 5, 2022