Vite 2 + Vue 3 + Windi CSS + Fake JSON Server

Usage

Global packages

npm install -g concurrently
npm install -g json-server

Project setup

npm i

Compiles and hot-reloads for development

npm run dev

Compiles and minifies for production

npm run build

APIs with Fake JSON Server

npm run jsonserver

http://localhost:4000/posts
http://localhost:4000/comments
http://localhost:4000/profile

Full stack app with Fake JSON Server

npm run full

References

• Vite
• Windi CSS
• Tailwind CSS
• Concurrently
• Fake JSON Server

Browser compatibility

https://vitejs.dev/guide/build.html#browser-compatibility

• Legacy browser support

Vite 2 + Vue 3 + Windi CSS + TypeScript boilerplate

https://github.com/antfu/vitesse