功能:保存时自动将代码进行格式标准化
步骤
- VS Code扩展中搜索:Prettier - Code formatter
- 点击安装
- 进入设置,输入“save”进行查找,打上“勾”后,点击“在settings.json中编辑”
- 编辑settings.json,在现有大括号内添加下面的代码,注意true后面要有英文逗号
"editor.defaultFormatter": "esbenp.prettier-vscode",
"[javascript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
}
- 前面代码修改依据
- 效果展示(第一张为保存前的,第二张为保存后的)
总结
- 类似格式化的插件还有JS-CSS-HTML Formatter(只有两颗星),应该星多更好用些吧哈哈哈~~
- 修改设置是起到保存的时候触发格式化的操作。
- 我还不怎么了解这个插件,因为它在格式化之后,默认将平时的回车效果变为空两格,我希望的是回车空四格(平时的Tab键效果)。此文章纯属抛砖引玉,希望大家有更好的方法在评论区一起交流哦!谢谢大家!!!