Mocking up web app with Vitesse(speed)
📲 PWA
🎨 Windi CSS - next generation utility-first CSS framework
🔥 Use the new <script setup>
syntax
📥 APIs auto importing - use Composition API and others directly
🖨 Server-side generation (SSG) via vite-ssg
🦔 Critical CSS via critters
🦾 TypeScript, of course
☁️ Deploy on Netlify, zero-config
unplugin-icons
- icons as Vue componentsvite-plugin-pages
- file system based routingvite-plugin-vue-layouts
- layouts for pagesunplugin-vue-components
- components auto importunplugin-auto-import
- Directly use Vue Composition API and others without importingvite-plugin-pwa
- PWAvite-plugin-windicss
- Windi CSS Integrationvite-plugin-md
- Markdown as components / components in Markdown
markdown-it-prism
- Prism for syntax highlightingprism-theme-vars
- customizable Prism.js theme using CSS variablesvite-plugin-vue-i18n
- Vite plugin for Vue I18n@vueuse/head
- manipulate document head reactively<script setup>
SFC syntax
vite-ssg
- Server-side generation
<script setup>
IDE supportAs this template is strongly opinionated, the following provides a curated list for community-maintained variations with different preferences and feature sets. Check them out as well. PR to add yours is also welcome!
Create a repo from this template on GitHub.
If you prefer to do it manually with the cleaner git history
npx degit antfu/vitesse my-vitesse-app
cd my-vitesse-app
pnpm i # If you don't have pnpm installed, run: npm install -g pnpm
When you use this template, try follow the checklist to update your info properly
name
field in package.json
LICENSE
App.vue
public
.github
folder which contains the funding infoAnd, enjoy :)
Just run and visit http://localhost:3333
pnpm dev
To build the App, run
pnpm build
And you will see the generated file in dist
that ready to be served.
Go to Netlify and select your clone, OK
along the way, and your App will be live in a minute.
I have created several Vite apps recently. Setting the configs up is kinda the bottleneck for me to make the ideas simply come true within a very short time.
So I made this starter template for myself to create apps more easily, along with some good practices that I have learned from making those apps. It's strongly opinionated, but feel free to tweak it or even maintains your own forks. (see community maintained variation forks)
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。