使用vscode结合Prettier实现实时对代码进行自动格式化

配置Prettier

安装prettier

$ yarn add --dev --exact prettier

自定义配置，添加.prettierrc.json

{
  "trailingComma": "all",
  "singleQuote": true,
  "bracketSpacing": true,
  "semi": true,
  "jsxBracketSameLine": false,
  "jsxSingleQuote": false
}

添加vscode配置文件

$ touch .vscode/settings.json

添加如下内容

{
  "typescript.preferences.importModuleSpecifier": "relative",
  "typescript.tsdk": "node_modules/typescript/lib",
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.formatOnSave": true
}

ps：如果上述第三行中的esbenp.prettier-vscode报错，在vscode中的扩展中安装一个Prettier - Code formatter就可以了

---

这样就编辑代码之后并且文件保存后，代码会自动格式化，非常好用