1.新建一个vue项目,清掉一些没啥用的样式和标签
2.npm安装mint-ui
npm i mint-ui -S
3.全局引入mint-ui,在main.js中加入下列代码
import MintUI from 'mint-ui'
import 'mint-ui/lib/style.css'
Vue.use(MintUI)
也可按需加载,比如如果要用到按钮,则在main.js中加入下列代码
import { Button } from 'mint-ui';
Vue.component(Button.name, Button);
4.修改.babelrc文件
{
"presets": [
[
"env",
{
"modules": false,
"targets": {
"browsers": [
"> 1%",
"last 2 versions",
"not ie <= 8"
]
}
}
],
"stage-2"
],
"plugins": [
"transform-vue-jsx",
"transform-runtime",
[
"component",
[
{
"libraryName": "mint-ui",
"style": true
}
]
]
]
}
5.测试,在HelloWorld.vue中加入以下代码
<mt-button type="primary" @click.native="clickhandler">primary</mt-button>
<mt-button type="danger">danger</mt-button>
成功啦!