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项目结构&＃xff1a;

这里引入的是 iView Weapp (https://weapp.iviewui.com/docs/guide/start)使用方法&＃xff1a;到 GitHub 下载 iView Weapp 的代码&＃xff0c;将 dist 目录拷贝到自己的项目中。然后按照如下的方式使用组件&＃xff0c;以 Button 为例&＃xff0c;其它组件在对应的文档页查看&＃xff1a;1. 添加需要的组件。在页面的 json 中配置&＃xff08;路径根据自己项目位置配置&＃xff09;&＃xff1a;"usingComponents": {"i-button": "../../dist/button/index"}2.在 wxml 中使用组件&＃xff1a; 这是一个按钮备注&＃xff1a;可以在给单独的页面新建一个main.json文件进行相应的配置。如下图&＃xff1a;