Prettier - Code formatter配置(vscode)

1.安装Prettier

2.设置-->搜索format on save 并打勾

 3.搜索default format 并选择Prettier - Code formatter

4.点击右上角打开setting.json

 5.看最后一行是否存在如下配置,有就说明配置成功,没有重新前面步骤重新设置一下

 6.根目录是否存在.prettierrc.json,没有创建一下

 7.把以下代码复制到.prettierrc.json文件中

{

  "$schema": "https://json.schemastore.org/prettierrc",

  "semi": false,

  "tabWidth": 2,

  "singleQuote": true,

  "printWidth": 100,

  "trailingComma": "none",

  "useTabs": false

}

 8.配置完成,按Ctrl+S即可代码格式化

格式化前:

格式化后: