从0 开始Vue3 + Vite + TypeScript + ESLint + Prettier 搭建生产项目，引入Airbnb规则；项目搭建踩坑实录

Vite2 + vue3 + TS + ElementPlus svg-sprite-loader sass

更文挑战的最后一天，想了许久，最后决定梳理一篇关于Vue3的个人小结，一来作为完美收官6月份，二来为下个月做个铺垫！一起来看看吧~

随着vue3越来越成熟，加之vite的出现。所以笔者最近尝试了一下用vite+vue3搭建一个移动端项目，所以记录一下搭建的过程。有需要的小伙伴可以作为参考来搭建，可以少走很多弯路

网站终于都用 Vue3 + TypeScript + Vite2 + Vuex4 + Vue-Router4 + element-plus 重构完啦！

说白了vite就是为开发者量身定做的一套先进的开发工具，按需编译、热模块替换等特性使我们开发时免除了重新打包的等待时间，开发体验丝滑，默认还整合了vue3，是居家旅行、杀人灭口之必备良药。目前vite已经是正式版，相关的生态正在迅速繁荣起来，我也第一时间在工程化方面做了一些探索…

从 0 开始手把手带你搭建一套基于 Vite + Vue3 + TypeScript 规范的前端工程化项目环境，涵盖代码规范约束、提交信息规范约束、单元测试、自动部署等。

最近在公司探索落地 Bundless 构建工具，尝试将现有的一些业务项目 从 Webpack 往 Vite 迁移，由于中后台项目一般对浏览器兼容性要求不高，可以大胆引入一些前沿且激进的方案，因此在公司

在项目根目录新建 .env.development、.env.production、.env.test 创建代码提示 env.d.ts 组件中使用 vite.config.ts中使用 package.