mpv安装步骤

1、安装nodejs
初始化一个 mpvue 项目
现代前端开发框架和环境都是需要 Node.js 的，如果没有的话，请先下载 nodejs 并安装。
然后打开命令行工具：

1. 先检查下 Node.js 是否安装成功
   $ node -v
   v8.9.0
   $ npm -v
   5.6.0
   
2. 由于众所周知的原因，可以考虑切换源为 taobao 源
   $ npm set registry https://registry.npm.taobao.org/
   
3. 全局安装 vue-cli
   一般是要 sudo 权限的
   $ npm install —global vue-cli@2.9
   
4. 创建一个基于 mpvue-quickstart 模板的新项目
   新手一路回车选择默认就可以了
   $ vue init mpvue/mpvue-quickstart my-project
   
5. 安装依赖，走你
   $ cd my-project
   $ npm install
   $ npm run dev
   随着运行成功的回显之后，可以看到本地多了个 dist 目录，这个目录里就是生成的小程序相关代码。
   注意事项
   新增的页面需要重新 npm run dev 来进行编译
   3.引入 iview
   （1）下载 iView Weapp 的代码
   https://github.com/TalkingData/iview-weapp
   （2）下载完后将dist文件夹中的所有文件（也可以只选择需要的组件）导入到mpvue项目的static文件夹中
   static/iview/
   （3）在需要使用组件的页面中配置。
   main.json
   

   {
   "navigationBarTitleText": "首页",
   "usingComponents": {
    "i-card": "../../../static/iview/card/index",
    "i-button": "../../../static/iview/button/index",
    "i-tabs": "../../../static/iview/tabs/index",
    "i-tab": "../../../static/iview/tab/index",
    "i-icon": "../../../static/iview/icon/index",
    "i-input-number": "../../../static/iview/input-number/index",
    "i-checkbox-group": "../../../static/iview/checkbox-group/index",
    "i-checkbox": "../../../static/iview/checkbox/index",
    "i-radio-group": "../../../static/iview/radio-group/index",
    "i-radio": "../../../static/iview/radio/index",
    "i-toast": "../../../static/iview/toast/index"
   }
   }

（4）然后在页面中使用标签就可成功调用

<i-card full title="卡片标题" extra="额外内容" thumb="https://i.loli.net/2017/08/21/599a521472424.jpg">
  <view slot="content">内容不错</view>
  <view slot="footer">尾部内容</view>
</i-card>

（5）效果图