今天来分享一些让开发效率倍增的实用 VS Code 插件！ 1. Image preview 通过此插件，当鼠标悬浮在图片的链接上时，可以实时预览该图片，除此之外，还可以看到图片的大小和分辨率。 2.

是时候放下console.log一把梭了，快来学学如何使用VS Code debug代码吧~VS Code的关键特性之一就是它具有强大的调试功能，不学白不学啦

你可能没见过的 VsCode 精华项目，比如：为开发者构建一个便捷统一的开发环境，让开发者能从任意设备、任意位置通过浏览器来进行代码的编写。从而免去了常规的 IDE 开发流程中的环境搭建的问题。

prefix :代码片段名字，即输入此名字就可以调用代码片段。 $1 :生成代码后光标的初始位置. $2 :生成代码后光标的第二个位置,按tab键可进行快速切换,还可以有$3,$4,$5..... ${1,字符} :生成代码后光标的初始位置(其中1表示光标开始的序号，字符表示生…

做为前端开发者来说，大都数都用过 VSCode，并且也有很多是经常用的。但 VSCode 的一些快捷键可能我们不知道，也比较少用，毕竟这很好，因此本文就列出一些快捷键方便大家学习与记忆。 在这篇文章中，我将列出我最喜欢的快捷键，这些快捷键让我更快的编写代码，也让编码变得更有趣，…

1. Debugger for Chrome 2. 配置lanuch.json 点击侧边栏的调试图标, 打开调试页面。 在调试页面点击添加配置(Add configuragion), Chrome Debugger会生成一个.vscode/launch.json。可以在这个文件…