vsCode保存美化怎么设置

要将VSCode保存美化的设置，可以按照以下步骤进行操作：

1. 打开VSCode编辑器。

2. 在左侧菜单栏中选择“首选项”。

3. 在首选项中选择“设置”（也可以使用快捷键Ctrl + ,）。

4. 在设置中，有两个选项可供选择，分别是“用户设置”和“工作区设置”。用户设置适用于所有项目，而工作区设置适用于当前项目。

5. 如果希望所有项目都应用这些保存美化的设置，可以在“用户设置”中进行操作；如果只希望当前项目应用这些设置，可以在“工作区设置”中进行操作。

6. 在设置中搜索“format on save”（或者直接输入“format onSave”），找到相应的设置选项。

7. 在格式化保存选项中，可以选择以下几种设置：

– “editor.formatOnSave”: true：表示在保存文件时自动格式化代码。
– “editor.formatOnSaveMode”: “file”：表示只在保存文件时自动格式化代码，而不是在编辑文件的过程中都自动格式化。
– “editor.formatOnSaveMode”: “modifications”：表示只在编辑文件产生更改后保存时自动格式化代码。

8. 根据个人需求，选择适合的设置。可以根据自己的喜好和习惯来调整这些设定。

9. 保存设置后，关闭设置页面。

现在，每次保存文件时，VSCode都会根据你设置的选项自动进行代码的格式化。这样就实现了VSCode保存美化的设置。

设置vsCode保存时自动美化的步骤如下：

1. 打开vsCode，点击左下角的设置按钮（齿轮图标），选择“设置”选项或使用快捷键Ctrl + ，打开用户设置页面。

2. 在搜索框中输入“format on save”或“保存时格式化”，然后在搜索结果中找到“Editor: Format On Save”选项。

3. 将此选项的复选框选中，即可在保存文件时自动进行格式化。

4. 如果默认的格式化程序不符合你的要求，还可以配置自定义格式化程序。在搜索框中输入“format provider”或“格式化提供者”关键词，然后在搜索结果中找到“Editor: Default Formatter”选项。

5. 点击“编辑在 settings.json”按钮，即可打开settings.json文件，并找到“Editor: Default Formatter”选项。

6. 在“Editor: Default Formatter”选项中输入你想要使用的格式化程序的名称。例如，如果你想使用Prettier进行格式化，可输入“prettier”。

7. 保存并关闭settings.json文件，此时vsCode在保存文件时将使用你配置的格式化程序进行美化。

需要注意的是，进行自动美化时，vsCode会调用已安装的适当的格式化程序进行操作。因此，在设置自动美化之前，需要确保已经安装好了相应的格式化工具，并在系统的环境变量中正确设置了它们的路径。

要在vsCode中设置保存时自动进行代码美化，可以按照以下步骤进行操作：

步骤一：安装相关扩展

首先，你需要安装一个代码格式化的扩展插件，比如Prettier或者Beautify。这些插件可以自动进行代码美化。

1. 打开vsCode，点击左侧的扩展按钮（或按下快捷键`Ctrl+Shift+X`）打开扩展面板。
2. 在搜索框中输入”Prettier”或者”Beautify”，选择对应的插件进行安装。

步骤二：配置设置

安装完成插件后，接下来需要配置一些设置，使得vsCode在保存时自动进行代码美化。

1. 打开vsCode的设置面板，可以通过按下快捷键`Ctrl+,`或者点击左下角的设置按钮进入。
2. 在搜索框中输入”format on save”，找到”Editor: Format On Save”项，勾选该选项使得保存时自动格式化代码。

步骤三：选择代码美化工具

接下来，你需要选择一个具体的代码美化工具，并进行一些配置。以下以Prettier为例。

1. 在设置面板中搜索”Prettier”，找到”Prettier: Require Config”选项，将其设为true，以便在保存时按照Prettier的配置进行美化。
2. 找到”Prettier: Config Path”选项，设置一个Prettier配置文件的路径，比如”.prettierrc”或者”.prettierrc.json”。
3. 安装相应的prettier配置文件，比如在项目根目录中创建一个.prettierrc文件，并写入Prettier的配置选项，如缩进大小、换行符等。

步骤四：保存文件进行美化

现在，当你保存一个文件时，vsCode将会自动使用Prettier（或者其他你选择的美化工具）对代码进行美化。

注意：有些扩展插件可能需要在插件自身的设置中进行配置，比如设置Prettier的缩进大小等。你可以通过点击扩展面板中的插件详细信息，在右侧面板中找到该插件的设置。

总结：

通过以上步骤，你可以在vsCode中设置保存时自动进行代码美化。首先安装一个相应的代码美化扩展插件，然后在vsCode的设置面板中进行一些配置，最后选择一个代码美化工具并进行额外的配置。