Vite 学习之搭建第一个项目

Vite 的学习

介绍

Vite 是一种新型的前端构建工具。

• 快速的冷启动
  • 使用原生 ESM 文件，无需打包
• 轻量快速的热重载（HMR）
• 按需编译

搭建第一个 Vite 项目

Vite 需要 Node.js 版本 >= 12.0.0

检查 Node.js 版本命令：node -v

使用 NPM 方式

$ npm init vite@latest

搭建成功后的项目结构：

运行项目：

$ npm install
$ npm run dev

使用 Yarn方式

$ yarn create vite-app <project-name>

搭建成功后的项目结构：

运行项目：

$ yarn install
$ yarn dev

遇到的问题

在使用 Yarn 创建 Vite 项目时，遇到了下图问题：

解决方法：解决yarn安装包后，文件名、目录名或卷标语法不正确