编辑器规范

prettier 规范

配置（使用默认配置）

使用指南

  1. 下载安装 Prettier 插件

参考文档

prettier 官方文档: https://prettier.io/

IDE插件

VSCode

  1. EditorConfig for VS Code    // editorconfig 在 VScode 上的插件 
  2. Prettier - Code formatter // 代码格式化插件(安装配置规则 @mengjing/prettier-config)

可供参考的setting.json配置：

{
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true,
"source.organizeImports": true
},
"[html]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[javascript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode",
"editor.formatOnPaste": true,
"editor.formatOnSave": true
},
"[javascriptreact]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[json]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[typescript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode",
"editor.formatOnPaste": true,
"editor.formatOnSave": true
},
"[typescriptreact]": {
"editor.defaultFormatter": "esbenp.prettier-vscode",
"editor.formatOnPaste": true,
"editor.formatOnSave": true
},
"typescript.tsdk":"./node_modules/typescript/lib"
}

WebStorm

无需安装，统统内置

Edit this page