更新记录

0.1.61(2020-11-18) 下载此版本

  • 优化代码结构

0.1.6(2020-11-14) 下载此版本

  • 初始化项目
  • 支持多个端运行命令

平台兼容性

uni 脚手架工具 open-devtools

open-devtools 简述

用于 uni 脚手架启动小程序端时自动打开开发者工具,目前只支持微信小程序,后续将进行支持其他小程序。

open-devtools 使用指南

一、构建 uni 脚手架项目

具体参考 dcloud 官网介绍:通过 vue-cli 命令行当 uni-app 遇见 vscode

二、项目中安装扩展插件

npm i open-devtools -D

三、替换 package.json 命令

将 scripts 中所有命令中 vue-cli-service uni-build 或者是 vue-cli-service uni-build --watch 的命令替换为 open-devtools,例如以下实例

{
    "scripts": {
        "dev:mp-weixin": "cross-env NODE_ENV=development UNI_PLATFORM=mp-weixin open-devtools",
        "build:mp-weixin": "cross-env NODE_ENV=production UNI_PLATFORM=mp-weixin open-devtools",
        "...": "..."
    }
}

四、package.json 中对应调试器路径

这里需要注意,该路径需要绝对路径,路径分割符号\得进行转移\\

{
    "devtoolsConfig": {
        "weixin": "F:\\softs\\微信web开发者工具",
       "...": "..."
    }
}

五、开启开发者工具命令行

开发者工具的设置 -> 安全设置中开启服务端口。

六、运行项目

npm run dev:mp-weixin

注意事项

  • 未支持的小程序不会自动打开调试器,但也不会使该编译命令失效
  • 将所有命令都替换为 cross-env ... open-devtools 以便后期兼容后,直接更新即可使用
  • 安装插件后,想要自动打开调试器,package.json 中的 devtoolsConfig 为必选项

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问