轩辕琳芳 发表于 2025-6-6 10:10:31

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 中有体现,页面表现效果如下:

不过我们不喜欢可以删除之!如下:


来源:程序园用户自行投稿发布,如果侵权,请联系站长删除
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!

鞍汉 发表于 2025-10-10 05:26:52

收藏一下   不知道什么时候能用到

呼延含玉 发表于 2025-11-2 03:23:09

收藏一下   不知道什么时候能用到

骛扼铮 发表于 2025-11-13 07:41:31

过来提前占个楼

幽淆 发表于 6 天前

懂技术并乐意极积无私分享的人越来越少。珍惜

事确 发表于 前天 21:56

感谢发布原创作品,程序园因你更精彩
页: [1]
查看完整版本: Vite构建项目记录