在开发中，我们通常会使用许多第三方库来加速开发，然而，有时这些库中会存在一些 bug，可能会影响我们的开发进度和体验。此时，我们可以使用 patch-package，一个轻松解决 node_modules 中第三方库 bug 的工具。 1. 安装 patch-package 我们可以使用 npm 来安装 patch-package： ```cmd npm install patch-package --save-dev ``` 2. 打补丁 当我们发现第三方库中存在 bug 时，可以使用 patch-package 来打一个补丁，解决这个问题。 打补丁的步骤如下： ```json 1. 打开终端，进入项目根目录下的 node_modules 目录 2. 找到需要打补丁的库，进入其目录 3. 在该目录下新建一个 patch 文件夹： mkdir -p patches/库名 4. 用编辑器打开需要打补丁的文件，进行修复，并保存到 patches/库名 下，例如：vim patches/库名/bug-fix.patch 5. 运行 patch-package 命令，即可生成一个新的补丁文件和一个新的 package.json 文件，例如： ``` yarn patch-package 库名 ``` ``` 3. 使用补丁 在打好补丁之后，我们需要将补丁应用到项目中，使修复生效。 使用补丁的方法如下： ```json 1. 在 package.json 文件中添加 postinstall 脚本： ``` "scripts": { "postinstall": "patch-package" } ``` 2. 重新安装依赖包： ``` yarn ``` 3. 补丁已经被应用到项目中了，现在你可以运行项目，并验证是否已经修复 bug。 ``` 结尾： 如此简单易行的步骤，大大节省了我们解决第三方库 bug 的时间，让我们专注于自己的业务开发。

## windows系统下调试ios safari h5移动端项目 今天再来给大家推荐一个windows系统 下使用edge浏览器 调试 ios h5移动端项目的技巧。这里不推荐chrome浏览器，因为国墙的原因，使用chrome浏览器连接手机不太稳定会经常白屏。 > **安装调试环境** 废话不多说，先来安装调试环境，首先需要安装 `scoop` ,scoop是一个包管理工具，而安装 `scoop` 需要电脑里有powershell。win10以上系统都自带了，如果你没有可以去下载一个powershell 5.1或以上版本。 ```powershell #修改执行策略，选择是 set-executionpolicy unrestricted -s cu #安装scoop iex (new-object net.webclient).downloadstring('https://get.scoop.sh') ``` > **通过scoop安装ios_webkit_debug_proxy** //先来添加一个镜像源 ```powershell scoop bucket add extras // 安装 bucket scoop install ios-webkit-debug-proxy // 安装 ios-webkit-debug-proxy ``` 查看是否安装成功：**scoop list** > **安装最新版本的 *remotedebug-ios-webkit-adapter*** ```powershell npm install -g vs-libimobile npm install remotedebug-ios-webkit-adapter -g ``` ```powershell remotedebug_ios_webkit_adapter --port=9000 ``` 启用开发者模式进行调试。 *Iphone => 设置 => Safari 浏览器 => 高级 => web检查器 => 启用* > **连接测试~~连接方式(原理一样，启动代理端口)** ```powershell remotedebug_ios_webkit_adapter --port=9000 ``` 打开edge调试工具 edge://inspect/#devices

在手机真机环境中调试代码就搞我们比较头疼，调试起来比较麻烦特别是APP内置的webview。今天就来给大家介绍一个在移动端可以真调试代码的小工具通过简单引入js库就能在真机环境中打开一个迷你版DevTools调试工具。 工具GitHub地址：https://github.com/liriliri/eruda

在开发项目的时候，我们都会编写很多的注释，当代码量成千上万行时，普通注释因为是灰色的不太明显很容易被我们忽略。那么今天给大家介绍一个插件叫todo tree，这个插件它的作用就是帮我们在代码中使用不同的颜色来标注注释，它会以各种标签着色块来显示，这样我们的注解就变得更加显眼了，还可以设置不同颜色来代表特殊的含义 。