diff --git a/00-前端工具/01-VS Code的使用.md b/00-前端工具/01-VS Code的使用.md
index 7760c85..93bb573 100644
--- a/00-前端工具/01-VS Code的使用.md	
+++ b/00-前端工具/01-VS Code的使用.md	
@@ -69,7 +69,9 @@ Mac用户按住快捷键 `Cmd+Shift+P` （Windows用户按住快捷键`Ctrl+Shif
 
 选中文本后，在命令面板中输入 transfrom，就可以修改文本的大小写了。
 
-20190414_1751.png
+
+![](http://img.smyhvae.com/20190414_1751.png)
+
 
 ## 文件对比
 
@@ -204,13 +206,13 @@ VS Code自带的对比功能并不够强大，我们可以安装插件`compareit
 
 打开 VS Code 的设置项，选择「用户设置 -> 工作台 -> 导航路径」，如下图所示：
 
-20190415_2005.png
+![](http://img.smyhvae.com/20190415_2005.png)
 
 上图中，将红框部分打钩即可。
 
 设置成功后，我们就可以查看到当前文件的「层级结构」，非常方便。
 
-20190415_2009.png
+![](http://img.smyhvae.com/20190415_2009.png)
 
 ### 在当前文件中搜索
 
@@ -222,27 +224,27 @@ VS Code自带的对比功能并不够强大，我们可以安装插件`compareit
 
 但是，你可能会注意到，搜索框里有很多按钮，每个按钮都对应着不同的功能，如下图所示：
 
-20190415_2052.png
+![](http://img.smyhvae.com/20190415_2052.png)
 
 上图中，我们可以通过「Tab」键和「Shift + Tab」键在输入框和替换框之间进行切换。
 
 「在选定内容中查找」这个功能还是比较实用的。你也可以在设置项里搜索 `editor.find.autoFindInSelection`，勾选该设置项后，那么，当你选中指定内容后，然后按住「Cmd + F」，就可以**自动**只在这些内容里进行查找。该设置项如下图所示：
 
-20190415_2050.png
+![](http://img.smyhvae.com/20190415_2050.png)
 
 
 ### 全局搜索
 
 在上面的快捷键列表中，我们已经知道如下快捷键：
 
-- Cmd + Shift + F（Win用户是Ctrl + Shift +F）：在全局的文件夹中进行搜索。
+- Cmd + Shift + F（Win用户是Ctrl + Shift +F）：在全局的文件夹中进行搜索。效果如下：
+
+![](http://img.smyhvae.com/20190415_2107.png)
 
-20190415_2056.png
 
 上图中，我们可以点击红框部分，展开更多的配置项。
 
 
-
 ## 插件扩展 / 插件推荐
 
 VS Code 有一个很强大的功能就是支持插件扩展。我来列举几个常见的插件，这些插件都是装机必备。