（这是我在黑马课堂想的一个小对话，作用大家懂的，哈哈哈）
VSCode：你们说目前市场上最好用的浏览器是哪个？
IE 不敢说话，猎豹，360 相视对瞄，世界之窗竟然动了脚步，这难道是在跃跃欲试？我靠，竟然是往后退了一步。到时火狐在跃跃欲试。这时，说时迟那时快，Chrome 往前大步一迈，自豪的说：当然是我了。
VSCode：为什么你是最好用的浏览器呢？你咋这么自信呢？
Chrome：因为 一、我界面简洁，清爽，非常干净。二、速度快。正所谓，“天下武功唯快不破”，相比于猎豹、IE 等我的加载速度可谓第一。三、插件资源丰富。我拥有强大的第三方插件库，因此使用起来极其方便。最重要的是：升级快、同步性好。然后我知道你是前端编译器中较好用的一个，也介绍一下自己吧。
Visual Studio Code 是由微软开发的一款免费、跨平台的文本编辑器。由于其卓越的性能和丰富的功能，它很快就受到了我们前端开发者的喜爱。 VSCode 最大的优势和特点不仅仅是界面清爽，干净，最重要的是有一个扩展和主题市场，包含了数以千计质量不同的插件。
今天，我就来给大家推荐 3 个精选的 VSCode 插件。

1、Regex Previewer
Regex Previewer 是一个用于实时测试正则表达式的实用工具。它可以将正则表达式模式应用在任何打开的文件上，并高亮所有的匹配项。

2、CSS Peek
使用 CSS Peek 插件，我们选中应用的样式名字直接可以追踪到样式表中 CSS 类和 ids 定义的地方。当你在 HTML 文件中右键单击选择器时，选择 “Go to Definition 和 Peek definition” 选项，它便会给你发送样式设置的 CSS 代码。

3、Open-In-Browser
这个插件的功能其实看名字就知道了，顾名思义：打开到浏览器当中。就是可以在 VSCode 中选择在浏览器中打开该文件。我们都知道由于 VSCode 没有提供直接在浏览器中打开文件的内置界面，所以此插件在快捷菜单中添加了在默认浏览器查看文件选项，以及在客户端（Firefox，Chrome，IE）中打开命令面板选项。
以上就是我的安利了，为了避免广告嫌疑，就没有给大家链接了，自行百度下载这些NB的插件吧。

（这是我在黑马课堂想的一个小对话，作用大家懂的，哈哈哈）
VSCode：你们说目前市场上最好用的浏览器是哪个？
IE 不敢说话，猎豹，360 相视对瞄，世界之窗竟然动了脚步，这难道是在跃跃欲试？我靠，竟然是往后退了一步。到时火狐在跃跃欲试。这时，说时迟那时快，Chrome 往前大步一迈，自豪的说：当然是我了。
VSCode：为什么你是最好用的浏览器呢？你咋这么自信呢？
Chrome：因为 一、我界面简洁，清爽，非常干净。二、速度快。正所谓，“天下武功唯快不破”，相比于猎豹、IE 等我的加载速度可谓第一。三、插件资源丰富。我拥有强大的第三方插件库，因此使用起来极其方便。最重要的是：升级快、同步性好。然后我知道你是前端编译器中较好用的一个，也介绍一下自己吧。
Visual Studio Code 是由微软开发的一款免费、跨平台的文本编辑器。由于其卓越的性能和丰富的功能，它很快就受到了我们前端开发者的喜爱。 VSCode 最大的优势和特点不仅仅是界面清爽，干净，最重要的是有一个扩展和主题市场，包含了数以千计质量不同的插件。
今天，我就来给大家推荐 3 个精选的 VSCode 插件。

1、Regex Previewer
Regex Previewer 是一个用于实时测试正则表达式的实用工具。它可以将正则表达式模式应用在任何打开的文件上，并高亮所有的匹配项。

2、CSS Peek
使用 CSS Peek 插件，我们选中应用的样式名字直接可以追踪到样式表中 CSS 类和 ids 定义的地方。当你在 HTML 文件中右键单击选择器时，选择 “Go to Definition 和 Peek definition” 选项，它便会给你发送样式设置的 CSS 代码。

3、Open-In-Browser
这个插件的功能其实看名字就知道了，顾名思义：打开到浏览器当中。就是可以在 VSCode 中选择在浏览器中打开该文件。我们都知道由于 VSCode 没有提供直接在浏览器中打开文件的内置界面，所以此插件在快捷菜单中添加了在默认浏览器查看文件选项，以及在客户端（Firefox，Chrome，IE）中打开命令面板选项。
以上就是我的安利了，为了避免广告嫌疑，就没有给大家链接了，自行百度下载这些NB的插件吧。