案例:Vite创建待办事项
根据本章的 Vite 内容创建待办事项系统脚手架代码,在之前的章节中采用的是 Vue Cli 版本的待办事项,本次改造为 Vite 版本,其他业务逻辑并无改动。
本案例完整源码:/案例源码/Vite工具。
小结和练习
本章讲解了 Vite 工具的使用,主要内容包括:Vite 概述、Vite 的安装和使用、Vite 自定义配置以及 Vite 和 Vue Cli 的对比。
Vite 作为新一代的开发构建工具,在开发模式下有着非常高的性能,并且结合 Vue 3 使用更加方便,也是 Vue 团队主推并将会长期维护的工具,所以建议读者在开发 Vue 3 相关应用时尽量使用 Vite,体验更加快速的代码开发调试过程。
下面来检验一下读者对本章内容的掌握程度。
-
Vite在开发和生产模式下有什么不同? -
Vite中npm run build和npm run serve命令的区别是什么? -
Vite和Vue Cli有哪些优缺点?