Skip to content

๐Ÿ‘จ๐Ÿปโ€๐Ÿ’ป๐Ÿ‘ฉ๐Ÿปโ€๐Ÿ’ป Use Ant Design Vue like a Pro! A simple vue admin template.

License

Notifications You must be signed in to change notification settings

frankchen211/ant-design-pro-vue

This branch is 227 commits behind vueComponent/ant-design-vue-pro:master.

Folders and files

NameName
Last commit message
Last commit date

Latest commit

0dce4f8 ยท Jun 3, 2019
Apr 4, 2019
Feb 14, 2019
Mar 29, 2019
Jun 3, 2019
Jan 28, 2019
Apr 25, 2019
Mar 25, 2019
May 20, 2019
Nov 22, 2018
Aug 20, 2018
Dec 8, 2018
Mar 6, 2019
Apr 25, 2019
May 20, 2019
May 20, 2019
Feb 28, 2019
Jan 11, 2019
Dec 24, 2018
May 31, 2019
May 31, 2019
Jun 3, 2019
Mar 27, 2019
May 31, 2019

Repository files navigation

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 on Open Collective Sponsors on Open Collective License Release Travis branch

Overview

dashboard + multi-tabs

dashboard + setting

user profile

permission list

Env and dependencies

Note: Yarn package management is recommended, the exact same version loaded with the demo site of this project (yarn.lock) . but you can also use npm

Project setup

  • Clone repo
git clone https://github.com/sendya/ant-design-pro-vue.git
cd ant-design-pro-vue
  • Install dependencies
yarn install
  • Compiles and hot-reloads for development
yarn run serve
  • Compiles and minifies for production
yarn run build
  • Lints and fixes files
yarn run lint

Other

  • IMPORTANT : About Issue feedback !! when opening Issue read Issue / PR Contributing

  • Vue-cli3 used by the project.

  • Disable Eslint (not recommended): remove eslintConfig field in package.json and vue.config.js field lintOnSave: false

  • Load on Demand: modify /src/main.js L7, append import './core/lazy_use' code.

  • Customize Theme: vue.config.js eg:

  css: {
    loaderOptions: {
      less: {
        modifyVars: {
          /* Less variables, required modifyVars*/

          'primary-color': '#F5222D',
          'link-color': '#F5222D',
          'border-radius-base': '4px',
        },
        javascriptEnabled: true,
      }
    }
  }
  • polyfill

  • remove polyfill:

    Vue CLI Polyfill

    • remove import '@babel/polyfill' field in src/main.js
    • babel.conflg.js remove
      [
        '@babel/preset-env',
        {
          'useBuiltIns': 'entry'
        }
      ]
      

Browsers support

Modern browsers and IE10.

IE / Edge
IE / Edge
Firefox
Firefox
Chrome
Chrome
Safari
Safari
Opera
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]

About

๐Ÿ‘จ๐Ÿปโ€๐Ÿ’ป๐Ÿ‘ฉ๐Ÿปโ€๐Ÿ’ป Use Ant Design Vue like a Pro! A simple vue admin template.

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • Vue 68.0%
  • JavaScript 29.1%
  • CSS 2.9%