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

发布时间:2024年01月04日

为了开发一套高效使用的 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-app
npm install element-plus

4,配置项目

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

import { createApp } from 'vue'
import App from './App.vue'
文章来源:https://blog.csdn.net/xiangzhihong8/article/details/135391078
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。