mint-ui快速使用

---

title: 搭建Vuemint-ui 框架

• mint-ui 是有饿了么前端团队推出的基于Vue.js的移动端组件库。下面就让我们一起来看看mint-ui的构建吧。

安装vue.js环境

 // 全局安装脚手架
 npm install -g vue-cli

创建vue项目

// 创建一个基于 webpack 模板的新项目
 vue init webpack my-prj
// 安装依赖
 cd my-project
 npm install
// 安装路由
 npm install vue-router

下载、引用Mint-ui

npm install mint-ui -S

// 引入全部组件 在main.js中引用
import Mint from 'mint-ui'
Vue.use(Mint)

• 每个组件的使用方法请阅读文档，这里只举一个微小的例子。在 app.vue 中

• 效果如下

  
  
  

  111.jpg

运行、打包

// 启动项目 locallhot:8080
npm run dev

// 打包 生成dist文件夹
npm run bulid

• mint-ui地址 http://mint-ui.github.io/#!/zh-cn