如何用Vite创建Vue3项目

Vite是下一代前端开发与构建工具。用Vite搭建一个新项目的操作步骤如下。

第1步. 新建一个文件夹，并在开发工具中以项目形式打开该文件夹。

第2步. 新建一个终端，使用npm安装Vite并按提示进行操作：

$ npm create vite@latest

Need to install the following packages:

create-vite@3.1.0

Ok to proceed? (y)

√ Project name: ... vite-project

√ Select a framework: » Vue

√ Select a variant: » JAVAScript

Scaffolding project in E:Vite+Vue3vite-project...

Done. Now run:

cd vite-project

npm install

npm run dev

第3步. 用cd vite-project命令进入项目文件夹。

第4步. 用 npm install安装依赖。

第5步. 输入npm run dev命令运行项目。