Vite+Vue3+TypeScript项目初始化模板
Vite 的极速打包、Vue3 的组合式 API、TypeScript 的类型保障,组合起来就是前端开发里的三件套。这个项目底座整合得还蛮顺,配置清晰,目录结构也不乱,适合拿来当脚手架直接开干。
Vite+Vue3+TS的搭配响应速度是真的快,热更新基本是秒开,写起来爽。你要是用过 Webpack 那种一动就得等半天的配置,切换过来绝对有感。
项目里对tsconfig.json
、vite.config.ts
这些做了比较干净的初始化,还配了常用的别名路径,路径跳转更方便,少踩坑。
样式上也留了比较灵活的空间,可以按自己习惯接Less
、PostCSS
,要加Element Plus
或Naive UI
也都挺顺。
如果你还不熟 Vite 的配置,可以参考Vite Vue3 TypeScript 项目基础配置这篇文章,讲得挺清楚。
另外推荐几个相关的资源,也蛮实用的:
- Vue3 + Vite 实战项目分享,适合看结构怎么搭
- Vue3 + TypeScript + Vite 博客系统源码,可以当进阶参考
- vue 初始化项目.txt,比较基础,但适合刚起步的同学
如果你正打算起一个新项目,又不想从零开始搞配置,这个底座用起来还是蛮省心的。你可以直接 fork,也可以按需删减,反正扩展性也比较强。
55.49MB
文件大小:
评论区