vscode整合prettier

安装prettier相关插件

prettier-code formatter, prettier eslint

配置vscode的格式化工具为prettier

image.png

在项目根目录下创建.prettierrc.json配置文件

{
  "semi": false, //末尾无分号
  "printWidth": 200,  //一行的字符数，如果超过会进行换行，默认为80
  "tabWidth": 2, // 缩进长度
  "singleQuote": true, // 默认单引号 ，false 默认使用双引号
  "htmlWhitespaceSensitivity": "ignore", // 问题1中的设置
  "endOfLine": "auto",  // 避免报错delete (cr)的错
  "jsxBracketSameLine": false, // 在jsx中把'>' 单独放一行
}

其他问题

如果配置完成后, 感觉配置未生效, 重启下vscode即可