今天给大家推荐几个开发中觉得超级好用的vscode插件，助力你高效的编码！

Atom One Dark Theme

VSCode 基于 Atom 的 One Dark 主题。应用市场上评价最高的 One Dark 主题，具有完整的 Workbench 主题。效果如下：

驼峰翻译助手

写代码的时候，如果你经常觉得想变量名很难，那用这个就对了！

具体用法：选中要翻译的内容后，使用如下快捷键调用翻译助手

win: "Alt+shift+t" 
mac: "cmd+shift+t"

然后进行选择即可：

在工作中，有时候我们需要打开多个项目，但vscode默认对多项目仓库代码不容易组织，Project Manager就是来干这事的。

它支持将任何文件夹或工作区另存为项目，支持在同一窗口或新窗口中打开项目等。

大部分前端对正则其实都不是特别熟，因为日常用到的也比较少。那么，当需要使用的时，往往需要去翻一下用法，或者直接在网上搜索相关功能的正则来使用。

any-rule就是用来帮你干这事的，你再也不用这里搜一下，那里找一下，浪费了时间还得不到想要的答案。

使用方式：

CSS Navigation是一款通过点击类名、id、标签名即可跳转到具体样式定义的插件。

具体使用：html中按住ctrl，鼠标点击类可直接跳转到样式定义处。

作为前端，调试是我们日常工作中最常用的一项工作了，通常的做法是：代码里添加 console.log调试代码，然后去浏览器的devTool查看打印结果。也就是需要不断在编辑器和浏览器之间切换，有没有更好的方式呢？

答案显而易见，Console Ninja就是用来干这事的。

使用也很简单，安装该插件后，代码运行后console.log后面就会显示其运行信息.

我是斌少，十年经验大厂全栈开发，多年一线leader，分享编程经验、技术干货，帮你少走弯路、快速成长。