Vue 3+TypeScript+Vite 4脚手架
Vue3+TypeScript+Vite4 的组合，是现在前端开发里挺热门的一套搭配，尤其适合想快速起手的项目。这个脚手架整合得比较舒服，常用配置都有，改动空间也大，适合二次开发。
Vue3 的组合式 API用起来就是灵活，逻辑复用特清晰。写组件不会一坨代码堆一起，拆分功能也更顺手。像setup()、ref()、watchEffect()这些，用熟了开发效率翻倍。
TypeScript加进来，写代码更安心，变量和函数写错都能提前爆红提醒。团队协作也省了不少口头沟通，靠类型约定直接对接，挺省事。是定义props和返回类型时，一目了然。
Vite4就更爽了，热更新是真的快，改个按钮样式几乎秒刷新。而且启动速度快，连调试体验也提升不少。你用npm run dev起项目，基本两秒内见页面，开发效率那叫一个高。
压缩包里头结构也清晰，像index.html是入口页面，vite.config.ts里能配代理、端口啥的。tsconfig.json配置 TS 规则，src是你主要写逻辑和组件的地方，public放点图片字体什么的，构建时原样搬过去。
如果你正好在搞 Vue3 项目，或者想从 Vue2 迁移，不妨试试这个脚手架，初始配置少，挺省心。要是对 Vite 还不太熟，可以参考Vite Vue3 TypeScript 项目基础配置这篇文章。
文件大小：8.23KB
评论区