案例:Vite创建待办事项

根据本章的 Vite 内容创建待办事项系统脚手架代码,在之前的章节中采用的是 Vue Cli 版本的待办事项,本次改造为 Vite 版本,其他业务逻辑并无改动。

本案例完整源码:/案例源码/Vite工具。

小结和练习

本章讲解了 Vite 工具的使用,主要内容包括:Vite 概述、Vite 的安装和使用、Vite 自定义配置以及 ViteVue Cli 的对比。

Vite 作为新一代的开发构建工具,在开发模式下有着非常高的性能,并且结合 Vue 3 使用更加方便,也是 Vue 团队主推并将会长期维护的工具,所以建议读者在开发 Vue 3 相关应用时尽量使用 Vite,体验更加快速的代码开发调试过程。

下面来检验一下读者对本章内容的掌握程度。

  • Vite 在开发和生产模式下有什么不同?

  • Vitenpm run buildnpm run serve 命令的区别是什么?

  • ViteVue Cli 有哪些优缺点?