VS Code编写HTML-CSS-JS等——代码格式化

  • 步骤
  • 总结

功能：保存时自动将代码进行格式标准化

步骤

  1. VS Code扩展中搜索：Prettier - Code formatter
  2. 点击安装
  3. 进入设置，输入“save”进行查找，打上“勾”后，点击“在settings.json中编辑”
  4. 编辑settings.json，在现有大括号内添加下面的代码，注意true后面要有英文逗号
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  }

  1. 前面代码修改依据
  2. 效果展示（第一张为保存前的，第二张为保存后的）

总结

  1. 类似格式化的插件还有JS-CSS-HTML Formatter（只有两颗星），应该星多更好用些吧哈哈哈~~
  2. 修改设置是起到保存的时候触发格式化的操作。
  3. 我还不怎么了解这个插件，因为它在格式化之后，默认将平时的回车效果变为空两格，我希望的是回车空四格（平时的Tab键效果）。此文章纯属抛砖引玉，希望大家有更好的方法在评论区一起交流哦！谢谢大家！！！

更多推荐

VS Code编写HTML-CSS-JS等——代码格式化