要毫不费力地提高代码质量，可能没有比使用更好的方法了；

如果您喜欢本教程，请给它一个💓，🦄或🔖，并考虑：

SPARTIER是一个支持各种语言的固执己见的代码格式化器。当应用于支持的文件类型时，SPARTIER将自动格式化该文件中的代码。

目前，Prettier本身支持一系列不同的语言/框架，也有其他语言的社区插件。

将代码编辑器/IDE设置为自动格式化文件(例如，在保存文件时)。

我更喜欢在保存时自动格式化，因为它会立即给你反馈。它给你的最重要的反馈之一是，如果你有语法错误，它的格式是不正确的！这实际上是令人难以置信的强大。当你在编程的时候，有不同类型的即时反馈让你知道你什么时候犯了错，这样你就能快速改正方向，这一点很重要。“漂亮”提供了现存最快的反馈循环之一。

好了，我滔滔不绝地谈论更漂亮的伟大之处已经足够了，让我们开始用它来举例吧。

您可以在全球范围内安装更漂亮的软件，但建议您将其作为开发依赖项安装在本地项目中。这样，所有开发人员都将拥有相同的版本。

此示例假设您正在使用VS代码，这就是我们将如何在保存功能上配置格式。其他开发环境可能有类似的功能，您可能只需要查找一下！

让我们为我们的新项目创建一个项目目录。我正在bash中运行这些命令，但是您可以使用您熟悉的任何方法创建新文件和文件夹。

现在我们安装更漂亮的。一定要将更漂亮的补丁版本固定到一个准确的补丁版本上！Pretier可以在不同的补丁版本之间更新其格式首选项，因此固定到特定的补丁版本可以防止不同开发人员之间的格式差异。

此外，请确保将Prettier安装为开发依赖项，因为它是开发工具，而不是生产中使用的工具。

让我们还在我们的目录中创建一个空的更漂亮的配置文件。创建.paytierrc.json并在其中放置一个空对象：

确保为VS代码安装更漂亮的插件。说明可以在这里找到。

让我们创建一个格式不佳的文件。在项目目录中创建index.js，并将以下代码放入其中：

转到VS代码中的设置。您可以在文件>；首选项>；设置下找到它，也可以只使用ctrl+逗号快捷键(在Mac上是cmd+逗号)。找到编辑器：保存时格式化选项，并确保选中该选项。

注意：其他编辑器也应该能够在保存时格式化，如果您不使用VS代码，您只需找到一些特定于编辑器的说明即可。

请注意，我们的间距看起来是正确的。此外，Pretier增加了尾随分号，并将我们的单引号改为双引号。如果您不喜欢其中的一些更改，则可以在我们的.compettierrc.json文件中配置其中的许多内容！

让我们将index.js文件更改为一些非常粗糙的代码。尝试将其更改为以下内容：

const navBarProps={name：["；John Doe"；，null]，displayMode：["；Dark"；，"；light"；]，时区：["；et"；，"；CT"；，"；MT"；，"；PT"；]，}；function allCombinations(Obj){let combos=[{}]；对象的for(const[key，Values])。条目(Obj)){combos=combos。flatMap((Como)=>；值。MAP((值)=>；({.。COMBO，[KEY]：Value})；}返回COMBOS；}控制台。log(allCombinations(NavBarProps))；

const navBarProps={name：["；John Doe"；，null]，displayMode：["；Dark"；，"；light"；]，时区：["；et"；，"；CT"；，"；MT"；，"；PT"；]，}；function allCombinations(Obj){let combos=[{}]；对象的for(const[key，Values])。条目(Obj)){combos=combos。flatMap((Como)=>；值。MAP((值)=>；({.。COMBO，[KEY]：Value})；}返回COMBOS；}控制台。log(allCombinations(NavBarProps))；

更漂亮的帮助您编写更一致的代码。当您的代码格式正确时，您可以更好地看到模式。当您的代码在保存时没有格式化时，当您的代码有错误时，您会立即开始识别。