一、开始 近期将几个项目的脚手架从 Vue-CLI 替换成了 Vite，直呼真香，原来冷启动2分多钟，现在只要几秒，对于需要频繁切项目的人来说，真的是开发利器。 当前 Vite 的优点不止于此，这篇文

从零带领大家搭建基于 vue3 + vite2 + typescript 的开发环境，逐渐带领大家搭建一套属于你自己的脚手架，制定一套合理的解决方案，为项目打下良好的基础，与同伴形成合适的开发习惯。

今日 身为中国人，恐怕没有不知道的，今天是七夕节，属于我们自己的情人节！ 在读这篇文章的朋友，如果你已经有了另一半，那么恭喜你，祝愿你们度过一个浪漫温馨的七夕节。 没有的话，还是好好学习，再去赢取你心

1. 安装依赖 2. 配置vite.config.js 一定要注意supportTs配置，这个是决定监听的是ts还是js， 很重要 再一个是要将 watchFiles 文件夹监听打开，这样更改mock

进一步学习一下的Vite中加载环境变量（loadEnv）的实现逻辑，并实现独立化的迁移，学习其精髓。

小知识，大挑战！本文正在参与“程序员必备小知识”创作活动。 Vite 从入门到精通 | 创建 Vue 项目 使用 Vite 创建 Vue3 项目 npm 方式 或者 推荐使用yarn 方式 安装 vu

小知识，大挑战！本文正在参与“程序员必备小知识”创作活动。 Vite 从入门到精通 | 基本概念 特点 开发时效率极高 开箱即用, 功能完备 社区丰富, 兼容 rollup 超高速热重载 预设应用和类

最近实现的简单、透明、组件化微前端方案总体感觉不错，也收到了很多人的反馈，很具有学习参考价值。但有不少朋友使用该方案打包配置出现了一些问题，做事应有始有终，挖的坑总得完善一下。今天分享一下 Vite

这是我参与「掘金日新计划 · 8 月更文挑战」的第4天，点击查看活动详情 vite构建项目 目录结构 习惯了 vue-cil的玩家，会看到这样的目录特别的熟悉，但是又比较陌生，熟悉的是整体的项目的目录