Devtools

开发工具。

安装

# 使用 npm 全局安装 CLI
$ npm install -g @mypaas/mp-cli
# OR 使用 yarn 全局安装 CLI
$ yarn global add @mypaas/mp-cli

命令

| 命令 | 说明 | |------------------------|----------------------| | mp-cli init | 初始化项目 | | mp-cli create <name> | 创建组件, name 为组件名 | | mp-cli start | 启动项目 | | mp-cli help | 查看命名 | | mp-cli -v | 查看当前开发工具版本 |

功能

开启小程序调试

此功能需要升级开发工具至 v1.0.14 以上版本方可使用，在终端运行 mp-cli -v 可查看当前全局安装的版本。

1. 在根目录下的 app.config.js 文件中添加如下代码：

const path = require('path')

module.exports = {
    app: {
        mpPedestal: {
            root: path.join(__dirname, 'temp', 'wechat'),
            run: true,
        },
    }
}

API

| 属性 | 说明 | |-----------------------------|--------------------------------------------| | app.mpPedestal | 开发工具小程序底座配置对象 | | app.mpPedestal.root | 底座存放目录，建议放在项目的 temp 目录下 | | app.mpPedestal.run | 是否启动小程序端调试（start 命令） | | app.mpPedestal.url | 自定义小程序底座地址(.tar.gz) |

1. 运行 mp-cli init 命令，初始化小程序底座

执行完成后，会看到在 app.mpPedestal.root 配置项对应的目录下载了一个基础的 taro2 项目，这就是我们的小程序底座了（可以通过配置 url 字段自定义小程序底座地址）。

2. 运行 mp-cli start，会执行一系列的脚本，让第2步中的 taro 项目可以直接运行起来，这样我们就可以同时在 h5 和小程序端预览效果，并实现双端热更新了。

Tips：

• 在浏览器设计器中操作数据后可以点击右上角的保存按钮，小程序端就会实时更新哦～