diff --git a/docs/tutorial/debug/uni-vue-devtools.md b/docs/tutorial/debug/uni-vue-devtools.md
index 0a12b28b542f2b44feb1a6d8f391e0920f9c52a5..9eae44255a63f2dbdc6973ec441d1dc9042581e5 100644
--- a/docs/tutorial/debug/uni-vue-devtools.md
+++ b/docs/tutorial/debug/uni-vue-devtools.md
@@ -28,11 +28,11 @@ vue devtools提供了2个特色功能：
 
 HBuilderX 运行菜单下针对每个运行平台有一个 `运行时自动打开 Vue Devtools` 按钮，
 
-![](https://f184e7c3-1912-41b2-b81f-435d1b37c7b4.cdn.bspapp.com/VKCEYUGU-f184e7c3-1912-41b2-b81f-435d1b37c7b4/ad6b4788-9a66-48ef-a211-e34754fd0917.png)
+![](https://web-assets.dcloud.net.cn/unidoc/zh/devtools-auto-open.png)
 
 勾选后，运行到对应平台时会自动开启 Vue Devtools。服务启动后，会自动打开一个弹窗，并显示待连接状态，
 
-![](https://web-assets.dcloud.net.cn/unidoc/zh/devtools-hx-wait-connecting.png)
+![](https://web-assets.dcloud.net.cn/unidoc/zh/devtools-hx-waiting-connect.png)
 
 对应平台项目运行后会与该弹窗建立连接。
 
@@ -40,7 +40,7 @@ HBuilderX 运行菜单下针对每个运行平台有一个 `运行时自动打
 
 如果您不需要默认开启 Vue Devtools，但在开发过程中临时需要 Devtools 调试，可点击控制台右上角 Vue 图标按钮，
 
-![](https://f184e7c3-1912-41b2-b81f-435d1b37c7b4.cdn.bspapp.com/VKCEYUGU-f184e7c3-1912-41b2-b81f-435d1b37c7b4/6168453a-e15c-4c4d-8846-6026debce5de.png)
+![](https://web-assets.dcloud.net.cn/unidoc/zh/devtools-control-panel-icon.png)
 
 此时会以 Devtools 模式重启开发服务。
 
@@ -66,11 +66,11 @@ HBuilderX 运行菜单下针对每个运行平台有一个 `运行时自动打
 
   服务启动后，会自动在默认浏览器打开一个页面，并显示待连接状态，
 
-  ![](https://web-assets.dcloud.net.cn/unidoc/zh/uni-vue-devtools-waiting-connect.png)
+  ![](https://web-assets.dcloud.net.cn/unidoc/zh/devtools-waiting-connect.png)
 
   对应平台项目运行后会与该页面建立连接。
 
-  ![](https://web-assets.dcloud.net.cn/unidoc/zh/uni-vue-devtools-connected.png)
+  ![](https://web-assets.dcloud.net.cn/unidoc/zh/devtools-connected.png)
 
 ### 常见问题