abb-antd/README.zh-CN.md

English | 简体中文

Ant Design Pro Vue

An out-of-box UI solution for enterprise applications as a Vue boilerplate. based on Ant Design of Vue

[](#backers) [](#sponsors) [](https://github.com/sendya/ant-design-pro-vue/blob/master/LICENSE) [](https://github.com/sendya/ant-design-pro-vue/releases/latest) [](https://travis-ci.org/sendya/ant-design-pro-vue)

• 预览: https://preview.pro.loacg.com
• 首页: https://pro.loacg.com
• 文档: https://pro.loacg.com/docs/getting-started
• 更新日志: https://pro.loacg.com/docs/changelog
• 常见问题: https://pro.loacg.com/docs/faq

Overview

基于 Ant Design of Vue 实现的 Ant Design Pro

环境和依赖

• node
• yarn
• webpack
• eslint
• @vue/cli ~3
• ant-design-vue - Ant Design Of Vue 实现
• vue-cropper - 头像裁剪组件
• @antv/g2 - Alipay AntV 数据可视化图表
• Viser-vue - antv/g2 封装实现

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

项目下载和运行

• 拉取项目代码

  git clone https://github.com/sendya/ant-design-pro-vue.git
  cd ant-design-pro-vue
  

• 安装依赖

  yarn install
  

• 开发模式运行

  yarn run serve
  

• 编译项目

  yarn run build
  

• Lints and fixes files

  yarn run lint
  

其他说明

• 关于 Issue 反馈 (重要!重要!重要!) 请在开 Issue 前，先阅读该内容：Issue / PR 编写建议

• 项目使用的 vue-cli3, 请确保你所使用的 vue-cli 是新版，并且已经学习 cli 官方文档使用教程

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

• 开启组件按需加载 /src/main.js L14 修改为 import './core/lazy_use'

• 修改 Ant Design 配色 (@kokoroli)

• I18n: 多语言支持 (@musnow)

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

• 用于生产环境，请使用 release 版本代码，使用 master 代码出现的任何问题需要你自行解决

浏览器兼容

Modern browsers and IE10.

IE / EdgeFirefoxChrome Safari Opera IE10, Edge last 2 versions last 2 versions last 2 versions last 2 versions

Contributors

This project exists thanks to all the people who contribute.

Backers

Thank you to all our backers! 🙏 [Become a backer]

Sponsors

Support this project by becoming a sponsor. Your logo will show up here with a link to your website. [Become a sponsor]

命名规范

文件夹命名规范：

属于components文件夹下的子文件夹，使用大写字母开头的PascalBase风格
其他文件夹统一使用kebab-case的风格

文件命名规范：

*.js文件命名规范
    属于类的.js文件，除index.js外，使用PascalBase风格
    其他类型的.js文件，使用kebab-case风格

*.vue文件命名规范
    除index.vue之外，其他.vue文件统一用PascalBase风格

*.less文件命名规范
    统一使用kebab-case命名风格

当月第一天： this.BaseTool.Moment().startOf('month') 当月最后一天： this.BaseTool.Moment().endOf('month')