如果你写 JavaScript / TypeScript / Node / 前端框架时，一天能敲几十条 console.log，却还在 DevTools 和编辑器之间疯狂切窗口！

一直在研究eslint和prettier，网上看了很多文章，发现要么是互相抄袭，要么就是讲得不够通俗易懂，于是乎我就自己写一篇文章来讲清它们的关系。 大家可以认真的看一下，全程精品，毫无废话。

不知道你们有没有碰到这样的场景，打开开发的页面，却短时间难以找到对应的源文件。 这时你可能会想要是能有**点击页面按钮自动用编辑器打开对应文件**的功能，那该多好啊。

大量示例和图文详解VsCode各场景调试技巧和使用技巧，给自己的日常开发调试工作加加速吧。值得学习一波~

Visual Studio Code 是由微软开发的一款免费、跨平台的文本编辑器。由于其卓越的性能和丰富的功能，它很快就受到了大家的喜爱。 就像大多数 IDE 一样，VSCode 也有一个扩展和主题市场，包含了数以千计质量不同的插件。下面我列出一些VSCode前端必备插件，并配…

俗话说得好，工欲善其事必先利其器，要想工作效率高，码代码的工具用的好是必须的，这里主要说一下 Mac 上 VScode 的快捷键，帮助大家快速搭建良好的开发工具。 使用cmd+shift+P所有所有打开用户设置，在设置的 json 中修改编辑器内置的格式，以下是个人的一些修改，…

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

这个插件还提供一个快捷键shift+command+D，一键删除本页面所有console.log，也很常用。 这样的log虽然意思很明确，但是控制台被一大堆信息铺满，自己的log被淹没在控制台各类信息当中，不是那么显眼，很难一眼定位到，这时候就想到加一点颜色等样式，显眼一点，就…