Vite构建项目记录

背景

微信推送了一些公众号文章，所 vite 已经跟新到 v6 版本了，于是构建一个 vite 项目看下啥变化

过程

直接打开 https://vite.dev/ 官网，切换问中文语言，找到此处 https://cn.vite.dev/guide/#scaffolding-your-first-vite-project 文档告诉我们，直接执行

npm create vite@latest
// 之前记得文档让执行
npm create vite
// 不过个人理解， vite 肯定是想推广他的新版本，那就索性带上 latest 吧

随后按照提示，一步步来，如下

上面基本就是构建完了，在 vscode 中打开效果如下：

这个目录解构感觉给 v5 版本差不多。

---

随后又初始化一个项目，这次是自定一些选项，过程如下：

这次构建时，选择提示用户的交互模式构建的。选择了 vue-router、pinia、prettier 等。目录解构如下：

这个目录解构确实是给上面的对比是有一些区别的。其中默认安装了一个插件，vueDevTools ，在 vite.config.ts 中有体现，页面表现效果如下：

不过我们不喜欢可以删除之！如下：