# vue-ant-electron-admin

**Repository Path**: ikanbest/vue-ant-electron-admin

## Basic Information

- **Project Name**: vue-ant-electron-admin
- **Description**: vue-ant-electron-admin 是基于 Ant Design of Vue 、 Ant Design Pro 、electron开发的后台管理桌面应用。
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 7
- **Created**: 2022-03-24
- **Last Updated**: 2022-06-02

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

简体中文

<h1 align="center" id="top">vue-ant-electron-admin</h1>


`vue-ant-electron-admin` 是基于 [Ant Design of Vue](https://vuecomponent.github.io/ant-design-vue/docs/vue/introduce-cn/) 、 [Ant Design Pro](https://pro.ant.design/) 、[electron](https://www.electronjs.org)开发的后台管理桌面应用。

---

### 效果图
![效果图](./docs/assets/main_home.jpg)


### 项目下载和运行


- 克隆项目
```
git clone https://gitee.com/code_yu/vue-ant-electron-admin.git

cd hx-electron
```

- 安装依赖
```
yarn install
```

- 开发环境启动
```
yarn electron:serve
```

- 正式打包
> 更多请查看[打包文档](./docs/打包.md)
```
yarn electron:build
```

### 依赖包文档

- node
- yarn
- webpack
- eslint
- [ant-design-vue v2x](https://2x.antdv.com/components/drawer-cn)
- [ant-design-pro 文档](https://pro.antdv.com/docs/getting-started)
- [ant-design-pro 预览](https://preview.pro.antdv.com/)
- [Vue](https://cn.vuejs.org/) JavaScript 框架
- [vue-config-js](https://cli.vuejs.org/zh/config/#vue-config-js) vue.config.js 配置
- [vue-cli-plugin-electron-builder](https://nklayman.github.io/vue-cli-plugin-electron-builder/guide/guide.html#table-of-contents) 打包工具
- [nsis](https://www.electron.build/configuration/nsis) 打包配置 
- [electron-updater](https://www.electron.build/auto-update) 应用自动更新
- [electron-log](https://github.com/megahertz/electron-log) 显示日志，[用法](./docs/日志.md)
- [vue-cropper](https://github.com/xyxiao001/vue-cropper) - 头像裁剪组件
- [@antv/g2](https://antv.alipay.com/zh-cn/index.html) - Alipay AntV 数据可视化图表
- [Viser-vue](https://viserjs.github.io/docs.html#/viser/guide/installation)  - antv/g2 封装实现

> 请注意，我们强烈建议本项目使用 [Yarn](https://yarnpkg.com/) 包管理工具，这样可以与本项目演示站所加载完全相同的依赖版本 (yarn.lock) 。由于我们没有对依赖进行强制的版本控制，采用非 yarn 包管理进行引入时，可能由于 Pro 所依赖的库已经升级版本而引入了新版本所导致的问题。作者可能会由于时间问题无法及时排查而导致您采用本项目作为基项目而出现问题。

### 使用文档

- 引导

    [更新日志](/docs/更新日志.md)

    [常见问题](/docs/常见问题.md)

- 入门

    [开始使用](/docs/开始使用.md)

    [路由和菜单](/docs/路由和菜单.md)
    
    [布局](/docs/布局.md)
    
    [新增页面](/docs/新增页面.md)
    
    [新增业务组件](/docs/新增业务组件.md)
    
    [样式](/docs/样式.md)
    
    [和服务端进行交互](/docs/和服务端进行交互.md)
    
    [引入外部模块](/docs/引入外部模块.md)
    
    [构建和发布](/docs/构建和发布.md)

- 进阶

    [业务图标](/docs/业务图标.md)

    [国际化](/docs/国际化.md)
    
    [更换主题](/docs/更换主题.md)
    
    [错误处理](/docs/错误处理.md)
    
    [权限管理](/docs/权限管理.md)
    
    [去除权限控制](/docs/去除权限控制.md)


### 其他说明

- 项目使用的 [vue-cli3](https://cli.vuejs.org/guide/), 请确保你所使用的 vue-cli 是新版，并且已经学习 cli 官方文档使用教程

- 关闭 Eslint (不推荐) 移除 `package.json` 中 `eslintConfig` 整个节点代码, `vue.config.js` 下的 `lintOnSave` 值改为 `false`

- 组件按需加载 `/src/main.js` L14 相关代码 `import './core/lazy_use'` / `import './core/use'` 

- [修改 Ant Design 配色](./docs/样式覆盖.md)

- I18n: [多语言支持](./src/locales/index.js)

- 生产环境默认不加载 `mock`，更多详情请看 `src/mock/index.js`

- 应用[自动更新](./docs/应用自动更新.md)，APP发现新版本后自动进行更新

[回到首页](/README.md) | [▲ 回到顶部](#top)