VsCode 配置JS代码保存自动格式化

海之子
1,405 阅读1分钟

Prettier 是一个很有特色的代码格式化工具，它可以使整个代码库的格式化过程自动化。因此在设置好 Prettier 之后，你不再需要与同事讨论代码格式化规则、分号、换行符等问题了。它会导入你所有代码，删除所有格式，并根据其样式规则重新格式化代码。

  1. 在扩展工具中安装Prettier

image.png

  1. 设置自动保存文件 打开设置，搜索框搜索files.autoSave 我们把设置项属性选择为onFocuschange

image.png

  1. 设置默认代码格式化插件 搜索框搜索editor.defaultFormatter，将配置项选择为Prettier

image.png

  1. 设置保存时候，自动格式化

搜索框搜索editor.formatOnSave，勾选

image.png

可以结合Eslint使得代码更加规范，默认只提供代码风格检测功能，不能开启代码格式化功能

image.png

avatar
文章
阅读
粉丝