教你如何在VScode中保存时自动格式化代码

957 阅读1分钟

如何在vscode中格式化代码

写的代码很乱,赶快来学习一下如何通过保存就能自动格式化代码吧


安装插件Prettier

  1. 打开我们的VScode

image.png

  1. 左侧可选择点击Extensions

image.png

  1. 搜索框搜索Prettier

image.png

  1. 点击install自动安装

image.png

这里因为我已经下载了,没下载的就会显示install,点击install即可

  1. 重启Vscode

这里一般安装了新的插件我都会重启一下,也可以不重启就能生效.到这里我们就下载好了插件

设置VScode

1.打开设置

image.png

2.搜索 default format

image.png

3.设置保存自动格式化

这里我比较喜欢手动保存的时候做自动的格式化

搜索 format on save ,打钩即可

image.png

效果

自动格式化代码效果.gif