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

ย 
ย 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

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%