初学编程，我们会接触到各种工具，有时候太多的工具往往使我们无从下手。下面 陕西优就业 小优给大家整理了前辈根据自己的经验给大家推荐的一些有关Chrome 扩展程序和 VS 代码扩展扩展程序两部分的一些工具。希望能给大家带来一些参考：

Chrome 扩展程序

现在假设我是一位 web 开发人员，以 Chrome 为阵地。下面是一些能让我少花点时间的工具：

WhatFont——名字就说明了一切。这是找出你最喜欢网站使用的字体的简单方法，这样你就可以为己所用了。

Pesticide——修改 CSS 的绝佳程序。当我试着学习匣子模型的时候，它简直就是救命稻草般的存在。

Colorzilla——用于复制确切颜色的一个网站，用它可以将颜色直接复制到剪贴板上，这样你就没必要花太多时间获得正确的 RGBA 组合了。

Wappalyzer——想要获悉你在网站上看到的是什么技术，这个程序很有用。想知道某网站使用什么样的框架或者它承载了什么服务，这个照样管用。

React Dev Tools——一款用于调试应用程序的工具。有一点要提一下，它只有在你编写 React 程序时才有用。

Redux Dev Tools——一款用于调试应用程序的工具。有一点要提一下，它只有在你编写 Redux 程序时才有用。

JSON Formatter——让 JSON 在浏览器中看起来更一目了然的不二之选。也许麻烦的 JSON 让你苦不堪言，不过只要用了这个软件，找到你要找的东西，所花费的时间会大幅缩短。

Vimeo Repeat and Speed——加速 Vimeo 视频的绝佳工具。如果你像大多数的 web 开发人员一样观看视频教程，你就会知道用1.25倍的常规回放速度观看它们是多么的方便。本程序同时也有适用于 YouTube 的版本。

VS Code 扩展程序

Visual Studio Code 是我写代码时的不二之选。

每个人都有他自己喜欢的文本编辑器，我也不例外。不过，我还是想把这些扩展程序介绍给你，而它们对你所使用的大多数编辑器都适用。看看我最喜欢的扩展程序有哪些：

Auto Rename Tag——自动重命名成对的 HTML 标记。假如你创建了一个

标记。现在你想更改它。有了这个软件，你只需要更改一个就行，另一个会自动修改。从理论上来说，使用这个软件可以把你的工作效率提升一倍。

HTML CSS Support——HTML文档的 CSS 支持工具。该工具在获得一些简洁的语法高亮显示和代码建议方面非常有用。

HTML Snippets——这一工具在代码分段方面非常有用，可以为你节省大量的时间。它能跟 Emmet 配对，这样一来你甚至都不用再真正键入 HTML 了。

Babel ES6/ES7——JavaScript Babel 的辅助工具。如果你用的是 Babel，这个工具可以让你更容易区分代码。如果你喜欢 JavaScript，那务必也不要错过这款软件。

Bracket Pair Colorizer——色彩可视化工具。如果你没有准确地括号，那这个工具对于发现因此导致的许多常见漏洞十分方便。

ESLint——你在编写代码的时候，利用这个软件可以轻易获取有关漏洞的提示，而且在编码过程中，它还可以帮助你养成良好的编码习惯。

JavaScript Console Utils——使控制台日志记录变得更为简单可行。如果你像大多数开发人员一样，你会发现自己需要在调试流中登录到控制台(我知道我们应该使用调试器)。这个实用的程序使得创建有用的 console.log() 语句变得易如反掌。

Code Spell Checker——这一工具正如其名，是拼写检查程序。漏洞的的另一个常见来源是变量或函数名。这一拼写检查工具可以查找不常见的单词，而且还可以把我们用 JavaScript 编写的东西进行有效的审核。

Path Intellisense——文件路径自动完成程序。这样一来从其他文件中导入重要的东西就非常方便了。这一工具使文件导航变得轻而易举。

Prettier——自动代码格式化程序。忘掉那些你不得不手动缩进代码的日子吧，有了这个工具，事情就变得简单多啦。这个程序会比你自己做得更快更好。对这个程序我是鼎力推荐的。

总结：

你肯定也有自己中意的工具，这些工具对你的开发工作来说是必不可少的。也希望我上面提到的一些工具能够提高你的工作效率。

但是千万不要落入贪多不烂的陷阱，因为它可能耗费很多时间。

看完不知道对你有帮助吗？如果你正打算学习编程，小优给大家整理了入门教程，想要的伙伴可留言