Vite 是 vue 官方的构建工具。它不仅构建 Vue 项目,也能构建 React、Lit 等其它项目。
使用Vite
构建项目
需要先安装好 npm,官方会使用官方的 vue-create 交互式命令行助手通过提示帮助我们创建应用。
- 在命令行中输入
npm create vite@latest
,支持有模板有: - 根据提示输入项目名称
- 使用方向键选择前端框架
- 选择要使用的语言,JavaScript 还是 TypeScript
- 到这一步,Vite已为我们创建好了项目目录,里面是一个项目demo,可以打开目录查看。
- 最后根据提示,cd 入目录后,执行 npm install 和 npm run dev,完成依赖安装和运行。
- 执行 npm run dev 之后,命令行提示我们运行成功,可以打开链接访问。
- 项目目录结构