Vite 是 vue 官方的构建工具。它不仅构建 Vue 项目,也能构建 React、Lit 等其它项目。


使用Vite

构建项目

需要先安装好 npm,官方会使用官方的 vue-create 交互式命令行助手通过提示帮助我们创建应用。

  1. 在命令行中输入​​npm create vite@latest​​ ,支持有模板有:
  2. 根据提示输入项目名称
  3. 使用方向键选择前端框架
  4. Vue - Vite_Vite
  5. 选择要使用的语言,JavaScript 还是 TypeScript
  6. Vue - Vite_Vite_02
  7. 到这一步,Vite已为我们创建好了项目目录,里面是一个项目demo,可以打开目录查看。
  8. 最后根据提示,cd 入目录后,执行 npm install 和 npm run dev,完成依赖安装和运行。
  9. Vue - Vite_Vite_03
  10. 执行 npm run dev 之后,命令行提示我们运行成功,可以打开链接访问。
  11. Vue - Vite_Vite_04
  12. 项目目录结构
  13. Vue - Vite_Vite_05



未完待续...