Vite5 + Vue3 + Element Plus 前端框架搭建

为了开发一套高效使用的 Vite5 + Vue3 + Element Plus 前端框架，你可以按照以下步骤进行。话不多说，先上演示地址：Vue Shop Vite。

1， 安装开发环境

开发之前，确保你的电脑已经安装了 Node.js（建议使用最新稳定版 LTS），然后安装 Vite CLI。在命令行中运行以下命令：

npm install -g create-vite

2，创建新项目

使用 create-vite 命令创建一个新项目，可以选择 Vue3 作为默认框架。运行以下命令：

create-vite my-vue-app --template vue

3，安装 Element Plus

进入项目目录，安装 Element Plus，安装的命令如下：

cd my-vue-appnpm install element-plus

4，配置项目

在项目根目录下，创建一个名为 src 的文件夹。将 src 文件夹下的 main.js 文件内容替换为以下代码：

import { createApp } from 'vue'import App from './App.vue'