有来开源组织/vue3

克隆/下载

提示

下载代码请复制以下命令到终端执行

为确保你提交的代码身份被 Gitee 正确识别，请执行以下命令完成配置

使用 HTTPS 协议时，命令行会出现如下账号密码验证步骤。基于安全考虑，Gitee 建议 配置并使用私人令牌 替代登录密码进行克隆、推送等操作

Username for 'https://gitee.com': userName

Password for 'https://userName@gitee.com': # 私人令牌

项目简介

vue3-element-admin 是基于 Vue3 + Vite5+ TypeScript5 + Element-Plus + Pinia 等主流技术栈构建的免费开源的中后台管理的前端模板（配套Java 后端源码）。

项目特色

简洁易用：基于 vue-element-admin 升级的 Vue3 版本，无过渡封装 ，易上手。

数据交互：同时支持本地 Mock 和线上接口，配套 Java 后端源码和在线接口文档。

权限管理：用户、角色、菜单、字典、部门等完善的权限系统功能。

基础设施：动态路由、按钮权限、国际化、代码规范、Git 提交规范、常用组件封装。

持续更新：项目持续开源更新，实时更新工具和依赖。

项目预览

项目源码

项目 Gitee Github GitCode 前端 vue3-element-admin vue3-element-admin vue3-element-admin 精简版 vue3-element-admin-thin vue3-element-admin-thin - 后端 youlai-boot youlai-boot youlai-boot

环境准备

环境 名称版本 下载地址 开发工具 VSCode 下载 运行环境 Node ≥18 (其中 20.6.0 版本不可用) 下载

项目启动

# 克隆代码 git clone https://gitee.com/youlaiorg/vue3-element-admin.git # 切换目录 cd vue3-element-admin # 安装 pnpm npm install pnpm -g # 设置镜像源(可忽略) pnpm config set registry https://registry.npmmirror.com # 安装依赖 pnpm install # 启动运行 pnpm run dev

项目部署

# 项目打包 pnpm run build # 上传文件至远程服务器 将本地打包生成的 dist 目录下的所有文件拷贝至服务器的 /usr/share/nginx/html 目录。 # nginx.cofig 配置 server {listen 80;server_name localhost;location / {root /usr/share/nginx/html;index index.html index.htm;}# 反向代理配置location /prod-api/ { # api.youlai.tech 替换后端API地址，注意保留后面的斜杠 / proxy_pass http://api.youlai.tech/;} }

本地Mock

项目同时支持在线和本地 Mock 接口，默认使用线上接口，如需替换为 Mock 接口，修改文件 .env.development 的 VITE_MOCK_DEV_SERVER 为 true 即可。

后端接口

如果您具备Java开发基础，按照以下步骤将在线接口转为本地后端接口，创建企业级前后端分离开发环境，助您走向全栈之路。

获取基于 Java 和 SpringBoot 开发的后端 youlai-boot 源码。 根据后端工程的说明文档 README.md 完成本地启动。 修改 .env.development 文件中的 VITE_APP_API_URL 的值，将其从 https://api.youlai.tech 更改为 http://localhost:8989 即可。

注意事项

自动导入插件自动生成默认关闭

模板项目的组件类型声明已自动生成。如果添加和使用新的组件，请按照图示方法开启自动生成。在自动生成完成后，记得将其设置为 false，避免重复执行引发冲突。

项目启动浏览器访问空白

请升级浏览器尝试，低版本浏览器内核可能不支持某些新的 JavaScript 语法，比如可选链操作符 ?.。

项目同步仓库更新升级

项目同步仓库更新升级之后，建议 pnpm install 安装更新依赖之后启动 。

项目组件、函数和引用爆红

重启 VSCode 尝试

其他问题

如果有其他问题或者建议，建议 ISSUE

项目文档

基于 Vue3 + Vite + TypeScript + Element-Plus 从0到1搭建后台管理系统

ESLint+Prettier+Stylelint+EditorConfig 约束和统一前端代码规范

Husky + Lint-staged + Commitlint + Commitizen + cz-git 配置 Git 提交规范

提交规范

执行 pnpm run commit 唤起 git commit 交互，根据提示完成信息的输入和选择。

项目统计

Thanks to all the contributors!

G-Star

交流群

关注「有来技术」公众号，获取交流群二维码。

如果交流群的二维码过期，请加微信(haoxianrui)并备注「前端」、「后端」或「全栈」以获取最新二维码。

为确保交流群质量，防止营销广告人群混入，我们采取了此措施。望各位理解！

公众号 交流群

MIT License Copyright (c) 2021-present 有来开源组织 Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。

如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。

相关知识

vue3
免费开源wms仓库管理系统 开源库存/仓库管理软件
前端开源汉字书写笔画库
开源项目的持续发展——治理模型
Envoy 代理开源五周年，创始人 Matt Klein 亲述开源心路历程及经验教训
从开源爱好者到 Apache 董事，他花了 11 年
开源=免费商用？
里程碑！全球首个开源AI标准发布
基于SSM的线上花店的设计与实现(源码+lw+部署文档+讲解等)
七个优秀开源免费库存/仓库管理系统（WMS)

网址: 有来开源组织/vue3 https://www.huajiangbk.com/newsview898981.html

上一篇: 2024年值得推荐的6款Vue后

下一篇: 强势开源，Star 破百，仅一行