# vue2-vite-admin

**Repository Path**: huangbinbin_admin/vue2-vite-admin

## Basic Information

- **Project Name**: vue2-vite-admin
- **Description**: 该项目仅是`vue-element-admin`的vite版本,加入了一些自己的元素
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-04-25
- **Last Updated**: 2023-04-26

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 注意！

> 1.该项目仅是`vue-element-admin`的vite版本，将项目中的vue-cli脚手架替换为了vite运行，其余功能不变。

> 2.由于vite项目中不再支持CJS规范，因此大量的require语法失效，部分依赖因此做了相应的变更或本地化。

> 3.针对tinymce编辑器在线js文件被墙的问题，专门安装了对应的tinymce依赖和汉化语言包进行本地引入。

> 4.修改了一些语法上的bug。

> 5.vite版本的后台简易模板系统点击这里<a href="https://gitee.com/mi-sa-ka10032/vite-element-template">vite-element-template</a>

<p align="center">
  <a href="https://github.com/vitejs">
    <img src="https://img.shields.io/badge/vite-2.9.9-brightgreen.svg" alt="vite">
  </a>
  <a href="https://github.com/vuejs/vue">
    <img src="https://img.shields.io/badge/vue-2.6.10-brightgreen.svg" alt="vue">
  </a>
  <a href="https://github.com/ElemeFE/element">
    <img src="https://img.shields.io/badge/element--ui-2.7.0-brightgreen.svg" alt="element-ui">
  </a>

[comment]: <> (  <a href="https://travis-ci.org/PanJiaChen/vue-element-admin" rel="nofollow">)

[comment]: <> (    <img src="https://travis-ci.org/PanJiaChen/vue-element-admin.svg?branch=master" alt="Build Status">)

[comment]: <> (  </a>)
  <a href="https://github.com/PanJiaChen/vue-element-admin/blob/master/LICENSE">
    <img src="https://img.shields.io/github/license/mashape/apistatus.svg" alt="license">
  </a>
</p>
<img src="https://gitee.com/huangbinbin_admin/vue2-vite-admin/raw/master/public/static/20230425181417.png" alt="license">


简体中文

# 原作者项目链接

[vue-element-admin](https://panjiachen.github.io/vue-element-admin) 是一个后台前端解决方案，它基于 [vue](https://github.com/vuejs/vue) 和 [element-ui](https://github.com/ElemeFE/element)实现。它使用了最新的前端技术栈，内置了 i18n 国际化解决方案，动态路由，权限验证，提炼了典型的业务模型，提供了丰富的功能组件，它可以帮助你快速搭建企业级中后台产品原型。相信不管你的需求是什么，本项目都能帮助到你。

- [在线预览](https://panjiachen.github.io/vue-element-admin)

- [使用文档](https://panjiachen.github.io/vue-element-admin-site/zh/)

- [Gitter 讨论组](https://gitter.im/vue-element-admin/discuss)

- [Donate](https://panjiachen.gitee.io/vue-element-admin-site/zh/donate)

- [Wiki](https://github.com/PanJiaChen/vue-element-admin/wiki)

- [Gitee](https://panjiachen.gitee.io/vue-element-admin/) 在线预览（国内用户可访问该地址）

- [国内访问文档](https://panjiachen.gitee.io/vue-element-admin-site/zh/) 文档（方便没翻墙的用户查看）

- 基础模板建议使用: [vue-admin-template](https://github.com/PanJiaChen/vue-admin-template)
- 桌面端: [electron-vue-admin](https://github.com/PanJiaChen/electron-vue-admin)
- Typescript 版: [vue-typescript-admin-template](https://github.com/Armour/vue-typescript-admin-template) (鸣谢: [@Armour](https://github.com/Armour))
- [awesome-project](https://github.com/PanJiaChen/vue-element-admin/issues/2312)

## 开发

```bash
# 克隆项目
git clone https://gitee.com/mi-sa-ka10032/vite-element-admin

# 进入项目目录
cd vue-element-admin

# 安装依赖
npm install

# 建议不要直接使用 cnpm 安装依赖，会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npm.taobao.org

# 启动服务
npm run dev
```

浏览器访问 http://localhost:9528

## 发布

```bash
# 构建测试环境
npm run build:stage

# 构建生产环境
npm run build:prod
```

## 其它

```bash
# 预览发布环境效果
npm run preview

# 预览发布环境效果 + 静态资源分析
npm run preview -- --report

# 代码格式检查
npm run lint

# 代码格式检查并自动修复
npm run lint -- --fix
```

更多信息请参考原作者文档 [使用文档](https://panjiachen.github.io/vue-element-admin-site/zh/)

## License

[MIT](https://gitee.com/mi-sa-ka10032/vite-element-admin/blob/master/LICENSE)

Copyright (c) 2022 misaka10032