由饿了么前端团队推出的MintUI是一个基于Vue.js的移动端组件库。自6月初开源以来，根据社区和团队内部的反馈，修复了一些bug并新增了部分组件，于本周发布了0.2.0版本。本文介绍如何从零开始构建一个使用MintUI的Vue项目。
MintUI的构建
MintUI
脚手架
随着Vue.js的迅速发展，目前搭建一个Vue项目的脚手架已经有不少选择了。比如可以使用官方提供的vue-cli。本文使用饿了么自己的构建工具cooking来完成这个任务。
首先，全局安装cooking：
npmicooking-g
新建项目文件夹：
mkdirmint-ui-example
进入项目文件夹，使用cooking进行构建：
cookinginitvue
最后的参数vue表示构建的是基于Vue.js的脚手架。
在构建过程中，cooking需要如下一些参数：
其中“使用何种CSS预处理”这里选择的是Salad，它是一套基于PostCSS的解决方案，有兴趣的同学可以了解一下。当然，你也可以选择其他的预处理器。
完成构建后的项目结构为：
如何安装MintUI
npmimint-ui--save
引入MintUI
好了，之后的工作可以分为两种情况：
引入全部组件
此时需要在入口文件main.js中：
importMintUIfrom'mint-ui';
import'mint-ui/lib/style.css';
Vue.use(MintUI);
总之，如果你的项目会用到MintUI里较多的组件，最简单的方法就是把它们全部引入。