更漂亮的 VSCode 不会格式化被覆盖的文件

作为一名程序员，我们经常会使用到Visual Studio Code（VSCode），这是一个非常优秀的编辑器，但是有时候我们会遇到一些比较棘手的问题，比如我们在使用格式化功能的时候会发现原本的格式化被覆盖了，那么我们该如何解决呢？

本文将会向大家介绍一种解决方案来让VSCode更加漂亮，并且也不会覆盖原有的格式化。这种解决方案主要是通过安装一个插件——Prettier来实现的。

Prettier简介

首先，我们需要知道Prettier是什么，以及它是如何帮助我们解决这个问题的。

Prettier是一个强力的代码格式化工具，它可以帮助我们轻松地格式化我们的代码，并且保证我们的代码风格统一。而且，Prettier可以与VSCode完美集成，让我们能够更加愉快地编写代码。

安装Prettier插件

在使用Prettier之前，我们需要先安装它的VSCode插件，方法如下：

• 打开VSCode，并在左侧边栏中点击“扩展”按钮。
• 在搜索框中输入“Prettier - Code formatter”并安装它。
• 安装完成后重启VSCode。

使用Prettier格式化代码

现在，我们已经成功安装了Prettier插件，那么接下来我们就来了解如何使用它来格式化我们的代码。

• 首先，打开一个需要格式化的文件。
• 然后按下“Ctrl + Shift + P”（Windows）或者“Cmd + Shift + P”（Mac）打开命令面板。
• 在命令面板中输入“format”并选择“Format Document With...”选项。
• 然后选择“Prettier - Code formatter”选项，等待格式化完成即可。

配置Prettier

有时候，我们可能需要根据自己的喜好来配置Prettier，这里简单介绍一下如何配置Prettier。

• 在菜单栏中选择“File” -> “Preferences” -> “Settings”。
• 在搜索框中输入“prettier”。
• 修改你想要修改的设置。比如，你可以修改缩进的宽度、是否在保存时自动格式化等等。

"prettier.tabWidth": 4,
"prettier.semi": false,
"prettier.singleQuote": true,
"editor.formatOnSave": true

结论

通过安装和使用Prettier插件，我们能够方便地格式化我们的代码，并且不会覆盖原有的格式化。而且，我们还可以根据自己的喜好来配置Prettier。这让我们的编码更加愉快，也更加专业。