Vite-Vue 2Composition API+WindiCSS启动模板

Vite 的 Vue 2 脚手架,整合了 Composition API 和 WindiCSS,启动飞快,体验还挺丝滑的。适合想继续玩 Vue 2 但又想尝点新技术的朋友。

黑白风格的 WindiCSS 点播样式,和 Tailwind 差不多但加载更快,支持暗黑模式。写样式不用担心体积大,响应也快,体验挺像 Vue 3 里的做法。

Composition API的加入让逻辑拆分清晰多了,搭配useXxx这类组合函数,还挺适合中大型项目的。平时写逻辑不那么绕,协作也舒服。

用的是Vite打包,冷启动快,热更新几乎秒级。和以前的 Webpack 比,开发体验提升。自动按需加载组件、图标也省了不少配置时间。

TS 支持ESLint + Prettier也都带上了,开箱即用。基础的类型检查和格式统一做得还不错,适合团队合作。

建议刚拉下来代码的时候,先改下package.json.env里的名称信息,还有LICENSE里的作者名,保持下项目的规范性。

如果你还在用 Vue 2,又想体验 Vite 的极速开发,不妨试试这个模板,蛮合适的。

zip
vite-vue2-windicss-starter-main.zip 预估大小:30个文件
folder
vite-vue2-windicss-starter-main 文件夹
file
package.json 1KB
file
index.html 586B
file
LICENSE 1KB
file
package-lock.json 336KB
folder
src 文件夹
file
shims-tsx.d.ts 366B
file
App.vue 117B
folder
assets 文件夹
file
vue-logo.svg 467B
file
vite-logo.svg 1KB
file
not-found.svg 11KB
file
shims-vue.d.ts 74B
file
main.ts 291B
folder
views 文件夹
file
About.vue 1KB
file
Home.vue 70B
file
NotFound.vue 831B
folder
components 文件夹
file
Navbar.vue 2KB
folder
shared 文件夹
file
Heading1.vue 145B
file
ButtonSecondary.vue 189B
file
Heading2.vue 138B
file
ButtonPrimary.vue 183B
file
Features.vue 2KB
file
Feature.vue 802B
file
Hero.vue 1KB
folder
router 文件夹
file
index.ts 763B
file
.eslintrc.js 446B
file
tsconfig.json 648B
file
vite.config.js 767B
file
.gitignore 5KB
file
tailwind.config.js 101B
folder
public 文件夹
file
favicon.ico 4KB
file
README.md 2KB
zip 文件大小:95.72KB