Vite+Vue3+TypeScript项目初始化模板

Vite 的极速打包、Vue3 的组合式 API、TypeScript 的类型保障,组合起来就是前端开发里的三件套。这个项目底座整合得还蛮顺,配置清晰,目录结构也不乱,适合拿来当脚手架直接开干。

Vite+Vue3+TS的搭配响应速度是真的快,热更新基本是秒开,写起来爽。你要是用过 Webpack 那种一动就得等半天的配置,切换过来绝对有感。

项目里对tsconfig.jsonvite.config.ts这些做了比较干净的初始化,还配了常用的别名路径,路径跳转更方便,少踩坑。

样式上也留了比较灵活的空间,可以按自己习惯接LessPostCSS,要加Element PlusNaive UI也都挺顺。

如果你还不熟 Vite 的配置,可以参考Vite Vue3 TypeScript 项目基础配置这篇文章,讲得挺清楚。

另外推荐几个相关的资源,也蛮实用的:

如果你正打算起一个新项目,又不想从零开始搞配置,这个底座用起来还是蛮省心的。你可以直接 fork,也可以按需删减,反正扩展性也比较强。

zip 文件大小:55.49MB