vite创建vue项目

# 使用 Vite 创建 Vue 项目

# 1. 首先确保你已经安装了 Node.js 和 npm
# 2. 打开终端并执行以下命令来创建一个新的 Vue 项目

npm create vite@latest my-vue-app --template vue

# 这条命令会：
# - 创建一个名为 "my-vue-app" 的新文件夹
# - 使用 Vite 的 Vue 模板初始化项目

# 3. 进入项目目录
cd my-vue-app

# 4. 安装依赖
npm install

# 5. 启动开发服务器
npm run dev

# 以上步骤完成后，Vite 将启动一个本地开发服务器，并在浏览器中打开你的新 Vue 应用程序。

示例代码解释：

• npm create vite@latest my-vue-app --template vue：这条命令使用 create vite 工具来创建一个基于 Vite 的新项目。my-vue-app 是项目的名称，你可以根据需要更改它。--template vue 表示使用 Vue 模板。

• cd my-vue-app：进入刚刚创建的项目目录。

• npm install：安装项目所需的依赖包。

• npm run dev：启动 Vite 开发服务器，开始开发。

如果你希望直接获取项目的模板文件结构和初始代码，可以参考 my-vue-app 文件夹中的内容，主要包括：

• index.html：主 HTML 文件。
• src/main.js：Vue 应用的入口文件。
• src/App.vue：根组件文件。

这些文件是 Vite 创建 Vue 项目的默认配置，可以直接在此基础上进行开发。