之前已經(jīng)有vue cli3搭建項(xiàng)目的介紹鉴象,這里不再贅述。接下來(lái)記錄下ant-design-vue的安裝和使用。
ant-design-vue 的安裝
npm install ant-design-vue --save
npm install antd-init -g
main.js文件中引入:
//引入ant-design-vue
import Antd from 'ant-design-vue'
import 'ant-design-vue/dist/antd.css'
Vue.use(Antd)
api文檔地址:
Ant:一組企業(yè)級(jí)Vue?UI組件,完全遵循Ant設(shè)計(jì)規(guī)范。
這里是Ant Design的Vue?完全實(shí)現(xiàn)术吝,開發(fā)和服務(wù)于企業(yè)級(jí)后臺(tái)產(chǎn)品。
(https://vuecomponent.github.io/ant-design-vue/docs/vue/introduce/)
注意:按需引用時(shí)配置babel.config.js茸苇,css可以按需引用,main.js中按需引入組件沦寂;
? ? ? ? 全局使用時(shí)学密,不能配置babel.config.js,css不可以按需引入传藏,需在main.js中引入ant.css
ant-design-vue 的使用