Mint-Ui安装及使用办法

简介

Mint-Ui是基于vue.js的组件库。

一、本地部署Mint-Ui官方文档

github 仓库地址

点击Download Zip下载（注意：不要git clone）
使用visual code 打开，打开终端，cnpm i 既可。
若使用npm或者yarn ，请先下载：npm install chromedriver --chromedriver_cdnurl=https://npm.taobao.org/mirrors/chromedriver
再安装。

npm run dev

二、使用

在webpack构建好项目中：

cnpm i mint-ui -S

引入 Mint-Ui

完全引入：

//在入口文件中引入以下内容
import Vue from 'vue'

// 导入所有的 MIntUI 组件
// 导入 Mint-UI
import MintUI from 'mint-ui' //把所有的组件都导入进来
// 这里 可以省略 node_modules 这一层目录
import 'mint-ui/lib/style.css'
// 将 MintUI 安装到 Vue 中
Vue.use(MintUI) // 把所有的组件，注册为全局的组件
// 导入 app 组件
import app from './App.vue'

var vm=new Vue({
  el: '#app',
  components: { App }
})

在app.vue中直接用

按需导入
css components的按需导入在入口文件中导入，在app.vue中直接使用

//main.js中
import Vue from 'vue'

// 按需导入 Mint-UI组件
import { Button } from 'mint-ui'
// 使用 Vue.component 注册 按钮组件
Vue.component(Button.name, Button)
// console.log(Button.name)

js components的按需导入在app.vue中的script部分，然后使用

// 按需导入 Toast 组件
import { Toast } from "mint-ui";