VSCode的prettier插件全局配置和项目配置

prettier格式化默认支持html、css、javascript、vue、angular、json、markdown、jsx、typescript、、less、scss等，

java、PHP、XML、SQL需要继续装Prettier Community Plugins插件

{
  "tabnine.experimentalAutoImports": true, // 启用 Tabnine 的实验性自动导入功能
  "explorer.confirmPasteNative": false, // 禁用文件资源管理器的粘贴确认提示
  "explorer.confirmDragAndDrop": false, // 禁用文件资源管理器的拖放确认提示
  "window.zoomLevel": 1, // 设置窗口的缩放级别
  "editor.hover.enabled": false, // 禁用编辑器的悬停提示功能
  "editor.wordSeparators": "`~!@#$%^&*()=+[{]}\\|;:'\",.<>/?", //双击选择
  "workbench.iconTheme": "vscode-icons", //vscode图标集
  "editor.formatOnSave": true, // 重要 开启按保存文件自动格式化代码 ctrl+s
  "prettier.enable": true, //启用 Prettier
  "editor.defaultFormatter": "esbenp.prettier-vscode", //默认格式化工具为prettier-vscode
  "prettier.requireConfig": false, // 需要Prettier的配置文件

  "[html]": {
    "editor.defaultFormatter": "vscode.html-language-features" //html格式化工具
  },
  "[css]": {
    "editor.defaultFormatter": "aeschli.vscode-css-formatter" //css格式化工具
  },

  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode" //js用prettier 格式化工具
  },

  "[vue]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode" //vue用prettier格式化工具
  },
  //prettier格式化默认支持html、css、javascript、vue、angular、json、markdown、jsx、typescript、、less、scss等
  //java、PHP、XML、SQL需要继续装Prettier Community Plugins插件
  //优先级：全局文件>系统根目录prettierrc文件>项目根目录prettierrc文件>文件夹prettierrc文件
  //prettier具体配置
  "prettier.arrowParens": "always", // 箭头函数参数总是加括号
  "prettier.bracketSameLine": false, // JSX 和 HTML 的右尖括号换行显示
  "prettier.bracketSpacing": true, // 对象字面量括号和内容之间加空格
  "prettier.semi": true, // 语句末尾加分号
  "prettier.experimentalTernaries": false, // 关闭实验性的三元运算符格式化
  "prettier.singleQuote": true, // 使用单引号
  "prettier.jsxSingleQuote": false, // JSX 中使用双引号
  "prettier.quoteProps": "as-needed", // 属性名必要时加引号
  "prettier.trailingComma": "all", // 多行结构中加尾随逗号
  "prettier.singleAttributePerLine": false, // 每行允许多个属性
  "prettier.htmlWhitespaceSensitivity": "css", // HTML 空格敏感性规则为 CSS
  "prettier.vueIndentScriptAndStyle": false, // Vue 文件中的 script 和 style 不缩进
  "prettier.proseWrap": "preserve", // Markdown 文本换行规则保持原样
  "prettier.insertPragma": false, // 不在文件顶部插入格式化标志
  "prettier.printWidth": 80, // 每行最大长度为 80
  "prettier.requirePragma": false, // 不要求文件顶部有格式化标志才格式化
  "prettier.tabWidth": 2, // 缩进使用 2 个空格
  "prettier.useTabs": false, // 使用空格而非 Tab 进行缩进
  "prettier.embeddedLanguageFormatting": "auto", // 自动格式化嵌入的代码
  "[php]": {
    "editor.defaultFormatter": "bmewburn.vscode-intelephense-client" //使用PHP Intelephense插件格式化PHP
  },
  "intelephense.files.maxSize": 5000000 // 可选：调整 Intelephense 处理的最大文件大小,
}

 //prettier  优先级：全局文件settings.json<系统根目录prettierrc文件<项目根目录prettierrc文件<文件夹prettierrc文件

在项目的根目录创建..prettierrc文件

{
  "semi": true,
  "trailingComma": "all",
  "singleQuote": true,
  "printWidth": 80,
  "tabWidth": 2,
  "bracketSpacing": true,
  "jsxBracketSameLine": false,
  "arrowParens": "avoid",
  "endOfLine": "auto",
  "htmlWhitespaceSensitivity": "css",
  "cssDeclarationSortOrder": "alphabetical",
  "tableContentIndentation": "align",
  "vueIndentScriptAndStyle": true,
  "proseWrap": "preserve"
}

注释：

"semi": true：在语句末尾添加分号。
"trailingComma": "all"：在对象或数组的最后一个元素后面添加尾随逗号。
"singleQuote": true：使用单引号而不是双引号。
"printWidth": 80：一行的最大宽度为 80 个字符。
"tabWidth": 2：使用两个空格的缩进。
"bracketSpacing": true：在对象的大括号之间添加空格 { foo: bar }。
"jsxBracketSameLine": false：在 JSX 中，将 > 放在最后一行的结束处，而不是新行上。
"arrowParens": "avoid"：在只有一个参数的箭头函数中避免使用圆括号。
"endOfLine": "auto"：自动检测并保留行尾符号（如 \n 或 \r\n）。
"htmlWhitespaceSensitivity": "css"：在 HTML 中，对空白字符的敏感度与 CSS 相同。
"cssDeclarationSortOrder": "alphabetical"：将 CSS 声明按字母顺序排序。
"tableContentIndentation": "align"：对齐表格内容的缩进。
"vueIndentScriptAndStyle": true：在 Vue 文件中，对 <script> 和 <style> 标签的内容进行缩进。
"proseWrap": "preserve"：在 Markdown 中，保持原有的换行符。


—————

测试网址：https://www.prettier.cn/