vue3+vite项目

Vue 3 是 Vue.js 的最新版本，它带来了很多新的特性和改进。Vite 是一个基于浏览器原生 ES 模块的开发服务器和构建工具，它可以快速地启动本地开发服务器，支持热更新和快速构建。

要创建一个 Vue 3 Vite 项目，可以按照以下步骤进行：

1. 安装 Node.js 和 npm。

2. 在终端中使用 npm 安装 Vue CLI 4：

npm install -g @vue/cli

3. 使用 Vue CLI 创建一个新的项目：

vue create my-project

4. 选择 "Manually select features"，然后选择 "Choose Vue version" 选项来选择 Vue 3。

5. 安装 Vite 作为开发服务器和构建工具：

cd my-project
npm install vite --save-dev

6. 修改 package.json 文件中的 "scripts" 部分，添加以下命令：

"scripts": {
  "dev": "vite",
  "build": "vite build"
}

7. 运行开发服务器：

npm run dev

这样就可以启动一个基于 Vue 3 和 Vite 的开发服务器了。在浏览器中访问 http://localhost:3000 即可查看应用。在编辑代码时，Vite 会自动进行热更新，无需手动刷新页面。

要构建生产版本的应用，运行以下命令：

npm run build

这将生成一个优化过的生产版本的应用程序，可以通过 dist 目录中的文件部署到服务器上。