编写更好代码的工具

在这篇文章中，我将列出一些我个人使用的工具，它们提升了我的编码技能和开发经验。这些工具易于设置和学习，并且将长期受益。

Git

Git允许您对代码进行版本控制，只需单击几下即可轻松返回到几个月前编写的代码。学习 git 为我节省了大量时间。您不必维护代码的单独副本。只需在开发新功能时创建一个分支，以前如果我想尝试某些东西，我会创建代码的副本。此外，使用像 Github 这样的在线存储库托管，您可以拥有代码副本，然后将其下载到另一台机器上。当多个人同时在同一个项目上工作时，这也有很大帮助，如果没有冲突，更改将自动合并。Github 甚至拥有很棒的帖子和教程集合。

VS 代码

VS 代码外观漂亮，不会妨碍您编写代码，同时还提供了您可能需要的所有功能。它具有一项称为 Intellisense 的功能，可以为变量和函数提供自动完成选项。如果将鼠标悬停在内置方法上，您可以看到它需要哪些参数，有时还可以看到文档，这可以节省我去浏览器的麻烦。此外，如果您很难一次记住太多快捷方式，那么它就能帮您解决，只要记住一个快捷方式即可。命令面板是您可以执行的所有选项的可搜索列表。找到所需操作后，只需按 Enter 键即可完成。除了这些功能之外，它还具有强大的 git 支持。它将帮助您轻松解决冲突。VS 代码还附带大量扩展来帮助您编写代码。

我将在这里列出我最喜欢的几个。

• 自动关闭标签和自动重命名标签：编写 HTML 时有帮助的东西。
• 括号对着色器：每个嵌套括号使用不同的颜色编码，您可以轻松找到括号闭合的位置
• 更好的评论：您可以使用不同的颜色对待办事项、信息评论进行评论，以便轻松发现它们。
• Chrome 调试器：允许您使用 VS 代码调试客户端 JS。
• Git History和GitLens：VS 代码中的额外 Git 超能力。
• 实时服务器：提供您正在处理的文件，您可以在浏览器中查看应用程序，并在您更改代码时刷新。

棉绒

Linters 允许您在整个代码库中强制执行编码指南。这样，如果您提升了编码技能，当新人开始同一个项目时，整个项目就不会出现多种代码风格。对于 JavaScript，您可以参考ESLint，它提供了许多可以在代码库中强制执行的规则。

Prettier

整洁的代码堪称艺术品。干净的代码不仅赏心悦目，还能帮助您快速调试。
手动格式化代码可能有点烦人，Prettier可以帮您解决。您可以为您的 IDE 安装 Prettier 插件，也可以运行 Node 包，Prettier 会自动格式化代码。如果您的项目多人协作，Prettier 会更加有效，因为即使有人修改了代码，样式也会保持不变。如果您不喜欢默认规则，还可以自定义配置文件。

Git 钩子

如果能在提交和推送之前格式化代码或运行测试，岂不是很棒？这能节省你的时间和精力，不是吗？
你可以对代码运行 linter，如果失败，更改就不会被提交。git hooks 也能帮你实现同样的功能。访问此网站了解更多信息。如果你使用的是 Node，可以使用这个很棒的包：husky。只需在提交和推送之前添加你想做的事情，在 pacakge.json 中提交，剩下的就交给 husky 吧。

Nodemon

如果您使用 Node 开发 API，通常需要在进行更改后手动重启 Node 进程。这在实际编程时会非常麻烦，但使用nodemon则不会遇到这个问题。只需使用 nodemon 运行脚本，一旦您对脚本或同一文件夹中的文件进行任何更改，它就会重新启动。