作为前端开发，基本每天都要调试 Vue/React 代码，不知道大家都是怎么调试的，但我猜大概有这么几种： 不调试，直接看代码找问题 console.log 打印日志 用 Chrome Devtool

前言 欢迎来到 vscode 的世界，开发工具有很多，找准自己的需求，才能找到合适的工具，而不是“手里有锤子，看啥都像钉子”；对 VSCode 而言，定位在于编辑器而非 IDE，IDE 侧重开箱即用，

本来分成三篇来写的，但是想了想没必要，大家都是聪明人,简单的东西点一下就晓得了。 更加详细的可以阅读这里： 你可以看到when的具体范围解释，非常详细。 这里我就不一一列举出来了。直接在链接的文章内搜索when Clause Contexts

刚好公司的前端技术栈是NG2+TS2;对于喜欢折腾的我，裸奔的VS Code是不可以接受的。so.... Angular 2, 4 and upcoming latest TypeScript HTML Snippets : 在用这个插件之前，我装了几个NG2 snippet的…

PicGo : 很实用的图床上传工具,直接返回url,用了都说好.

这货憋了大半年,终于进入可用状态了,体验了一段时间后,该水文诞生了... 这货是什么,微软自家出的实时协作插件,有用过石墨文档或者腾讯文档的没?差不多那样了. 带新人的时候, 可以实现代码层面的培训,一遍讲解思路一边码..简直手把手.. Sign In With User Co…

VSCode大法好啊，平均一个月更新一个小版本，每次都可以直观的看到优化的地方和特性。 距离上次的文章已经过去了两个多月了。这期间我又搜罗了一波比较实用的插件推荐； Better Merge : 用来解决文件冲突的不二利器，经过多个版本的更新，稳定很多。。推荐 Angular …

插件的需求不是一成不变，比如在新版就已集成的就可以移除了。 Auto Close Tag : 匹配标签，关闭对应的标签。很实用【HTML/XML】 Path Intellisense ： 路径智能提示.

前言想了想，对于一个刚接触VSCODE的人来说，有什么比图片更通俗易懂的呢？界面&功能截图启动界面:快捷键（Ctrl+Shift+E）Search&&replace：快捷键（Ctrl+Shift+H）