vscode代码格式化

vscode如何自动格式化代码？我们一起了解一下吧！

在 visual studio code编写代码中我们总会遇到代码乱、格式不规范的问题，要解决此类问题将vscode自动格式化代码，需要安装插件并进行设置，具体操作如下。

1、首先在code中安装 Prettier -Code formatter（代码格式化程序）

2、在菜单栏中打开设置

3、在搜索条搜索prettier ，点击“ 在settings中编辑”栏目

4、添加一条保存时格式化代码的语句 "editor.formatOnSave": true

5、如果出现错误有可能是在上一条语句中的编写格式或者符号错误，重现检查编辑即可。

VSCode全称是Visual Studio Code，这是一款由微软开发且跨平台的免费源代码编辑器。该软件支持语法高亮、代码自动补全（又称 IntelliSense）、代码重构、查看定义功能，并且内置了命令行工具和 Git 版本控制系统。用户可以更改主题和键盘快捷方式实现个性化设置，也可以通过内置的扩展程序商店安装扩展以拓展软件功能。

关于vscode如何自动格式化代码，我们就分享到这啦！

vscode代码格式化插件

vscode 如何自动格式化代码？

介绍

相信现在有很多开发人员都已经开始使用vscode作为自己的IDE,作为一个有代码洁癖的人，我总是希望自己写的代码随时都是已经format的，并且团队中也遵循一种format风格，下面就给大家介绍一下如何在vscode中实现 “保存时格式化” 以及 “粘贴时格式化的功能”

在vscode的extension中搜索 “prettier” , 选择 “prettier - Code formatter” 安装，安装成功后重启 vscode.

重启vscode后，需要对插件进行一些参数配置，如果你想让你的配置对当前用户下所有项目生效，则 可以通过：

command , > User > open settings(JSON)

如果你想让你的配置只在当前workspace下生效，则：

command , > Workspace > open settings(JSON)

接下了介绍几个重要的参数:

"editor.formatOnPaste":true , 粘贴数据时启用格式化

"editor.formatOnSave": true , 保存文件时启用格式化

"editor.defaultFormatter": "esbenp.prettier-vscode" ， 使用 我们上面安装的prettier code formatter 插件作为编辑器默认的格式化工具。

配置结果如下：

{ "editor.formatOnPaste": true, "editor.formatOnSave": true, "editor.defaultFormatter": "esbenp.prettier-vscode"}下面来看看效果

从上图可以看到，我在粘贴和保存时，编辑器已经成功为我自动格式化了代码！