Ant Design Vue

Ant Design Vue

Ant Design of Vue

antd

#

• An enterprise-class UI design language for web applications.
• A set of high-quality Vue components out of the box.
• Ant Design of React

#

• polyfills)
• Server-side Rendering

#

• 

You can subscribe to this feed for new version notifications: https://github.com/vueComponent/ant-design-vue/releases.atom

#

#

We recommend using npm or yarn to install，it not only makes development easier，but also allow you to take advantage of the rich ecosystem of Javascript packages and tooling.

 $ npm install ant-design-vue --save 

 $ yarn add ant-design-vue 

cnpm.

slot-scopeprovide / inject(2.2.0+)

#

scriptlinkantd.

antd.jsantd.cssantd.min.jsantd.min.cssant-design-vue/dist

unpkg.

We strongly discourage loading the entire fileswebpack, which will make it easy to import only the parts of antd that you are using.

Note: you should import moment before using antd.js.

#

 import Vue from 'vue'; import { DatePicker } from 'ant-design-vue'; Vue.use(DatePicker); 

And import stylesheets manually:

 import 'ant-design-vue/dist/antd.css';  // or 'ant-design-vue/dist/antd.less' 

#

• babel-plugin-import

   // .babelrc or babel-loader option {   "plugins": [     ["import", { "libraryName": "ant-design-vue", "libraryDirectory": "es", "style": "css" }] // `style: true` for less   ] } 

  libraryDirectory

  This allows you to import components from antd without having to manually import the corresponding stylesheet. The antd babel plugin will automatically import stylesheets.

   // import js and css modularly, parsed by babel-plugin-import import { DatePicker } from 'ant-design-vue'; 

• Manually import

   import DatePicker from 'ant-design-vue/lib/date-picker';  // for js import 'ant-design-vue/lib/date-picker/style/css';        // for css // import 'ant-design-vue/lib/date-picker/style';         // that will import less 

#

• Home Page
• Ant Design React
• Components
• Change Log
• CodeSandbox template
• Customize Theme
• FAQ
• Support US
• Awesome Ant Design

#

Pull Requesthere.

How To Ask Questions The Smart WayHow to Ask a Question in Open Source CommunityHow to Report Bugs Effectively

#

Ant Design Team

文章来源: https://blog.csdn.net/daqiang012/article/details/90632709