English | 简体中文

Features

⚡️ Vue 3, Vite 4, pnpm, ESBuild - fast and faster !
💪 Typescript - of course! necessary
🎉 Element Plus ready - UI Library based on Vue.js 3
🔥 Axios - Http Library based on Promise
💡 Vue Router 4 - The official router for Vue.js
📦 Components auto importing - Automatically register components on demand without import
📥 Auto import APIs - Automatically import APIs
🍍 State Management via Pinia - The Vue Store that you will enjoy using
🎨 Windi CSS - next generation utility-first CSS framework
😃 icones - Powerful Icon Library, Use icons from any icon sets
🌍 I18n ready - Want to translate? Yes, you can!
👩‍🎨 NProgress - Page loading progress feedback
😃 SVG Support - Support the use of SVG images as components
📑 Markdown Support - Markdown as components / components in Markdown
🔑 Complete code style specification and code submission specification
☁️ Deploy on Netlify, zero-config

Pre-packed

Windi CSS (On-demand TailwindCSS) - lighter and faster, with a bunch of additional features
- Windi CSS Typography
Element Plus - A powerful Vue.js 3 UI Library

🔍Icônes - use icons from any icon sets
- unplugin-icons - Automatically introduce the icons you need on demand

Vue Router 4 - The official router for Vue.js
Pinia - The Vue Store that you will enjoy using
Axios - Http Library based on Promise
unplugin-vue-components - components auto import
unplugin-auto-import - Automatically import APIs
vite-plugin-windicss - Windi CSS Integration
vite-plugin-vue-markdown - Markdown as components / components in Markdown
- markdown-it-prism - Prism for syntax highlighting
- prism-theme-vars - customizable Prism.js theme using CSS variables
- markdown-it-link-attributes - Uniformly set the hyperlink jump mode in markdown
Vue I18n - Internationalization
- unplugin-vue-i18n - Vite plugin for Vue I18n
VueUse - Collection of useful composition APIs
vite-svg-loader - Support the use of SVG images as components

git clone https://github.com/YutHelloWorld/vite-vue3-template.git my-vite-app
cd my-vite-app
pnpm i

When you use this template, try follow the checklist to update your info properly

And then , you can enjoy coding fun :)

pnpm dev

To build the App, run

pnpm build

And you will see the generated file in dist that ready to be served.