mpvue美团矿建开发小程序记录

项目构建
* 全局安装 vue-cli
$ npm install –global vue-cli
* 创建一个基于 mpvue-quickstart 模板的新项目
$ vue init mpvue/mpvue-quickstart my-project
* 安装依赖
$ cd my-project
$ npm install
* 启动构建
$ npm run dev
项目结构：

引入第三方组件库踩坑
这里引入的是 iView Weapp (https://weapp.iviewui.com/docs/guide/start)
使用方法：到 GitHub 下载 iView Weapp 的代码，将 dist 目录拷贝到自己的项目中。然后按照如下的方式使用组件，以 Button 为例，其它组件在对应的文档页查看：
1. 添加需要的组件。在页面的 json 中配置（路径根据自己项目位置配置）：

“usingComponents”: {
“i-button”: “../../dist/button/index”
}

2.在 wxml 中使用组件：
<i-button type=”primary” bind:click=”handleClick”>这是一个按钮</i-button>
备注：
可以在给单独的页面新建一个main.json文件进行相应的配置。如下图：

亦可以在src文件下的app.json进行统一配置（这样就不需要每个页面都去配置一次，方便一点），详情见下图：