VSCode中配置prettier和ESLint

了解ESLint和Prettier的作用

在编写JavaScript或TypeScript时，ESLint是一个常用的静态代码分析工具，它可以帮助开发者在编写代码时识别和修复潜在的问题。而Prettier则是一个代码格式化工具，它可以确保代码的格式统一，并避免因格式问题引发的不必要的代码审查。

许多流行的代码编辑器都有ESLint和Prettier的插件。例如，在VS Code中，你可以安装“ESLint”和“Prettier – Code formatter”插件。这样在写代码的时候，编辑器将会实时地标出错误和警告，并在保存时自动格式化代码。

最终，通过正确配置ESLint和Prettier，你不仅可以确保代码的质量，还可以节省大量的代码审查时间。此外，它还为团队提供了一个统一的代码风格，使得代码更加整洁、清晰，从而提高团队的开发效率。

prettier配置

prettier是一款代码格式化工具：

• 一个“有态度”的代码格式化工具
• 支持大量编程语言
• 已集成到大多数编辑器中

它的基本使用过程如下：

正如上面的流程图所示，prettier不过就是一个安装在机器上的软件，它接收源代码，配合prettier的配置，完成对源代码的格式化。那么如何安装prettier呢？

在VSCode中，使用prettier的思路是一样的。首先，我们安装prettier插件：

安装完成以后，我们会看到右下角插件的安