prettier配置项

发布时间 2023-04-11 16:57:18作者: 光影星宸

vs code的settings.json配置文件

{
  ... // 其他配置项
  "editor.defaultFormatter": "esbenp.prettier-vscode",// 设置prettier为默认格式化程序
  "prettier.enable": true, // 启用prettier
  "prettier.enableDebugLogs": false, // 启用调试日志
  "prettier.bracketSameLine": false, // HTML多属性时右尖括号不换行
  "prettier.bracketSpacing": true, // 对象花括号内的两旁添加空格
  "prettier.configPath": "", // 指定 Prettier 配置方案文件的路径,设置后将始终忽略本地配置方案使用该路径的配置方案
  "prettier.documentSelectors": [], // 指定一个 glob patterns 列表,以匹配特定文件,使这些文件也启用 Prettier
  "prettier.embeddedLanguageFormatting": "off", // 对引号中代码使用智能格式化,选项:auto => 自动识别,off => 关闭
  "prettier.endOfLine": "auto", // 指定文件的结尾换行符
  "prettier.ignorePath": ".prettierignore", // 指定.prettierignore(该配置文件中指定的文件不进行格式化)的路径
  "prettier.insertPragma": false, // 格式化的同时自动插入 @format 的特殊注释,以表示该文件已被 Prettier 格式化过
  "prettier.jsxSingleQuote": false, // JSX 中使用单引号而不是双引号
  "prettier.prettierPath": "", // 指定 Prettier 要使用的 node_module 的路径
  /* 指定在 Markdown 文本的换行方式。
     选项:always──超过 print-width 时换行
          never──不换行
          preserve──不进行任何操作,保持原样
  */
  "prettier.proseWrap": "always",
  /* 指定对象中 key 的引号添加方式。
     选项:as-needed──只有在需求要的情况下加引号
          consistent──有一个需要引号就给其他都统一加上
          preserve──保留用户输入的引号
  */
  "prettier.quoteProps": "as-needed",
  // Prettier 配置方案文件(如 .prettierrc)必须存在。
  // 即使该项被设置 true,未命名文件仍会使用 VS Code 的 setting.json 中的配置方案进行格式化
  "prettier.requireConfig": false,
  "prettier.requirePragma": false, // 只对在开头含有特定注释(如 @format )的文件进行格式化
  "prettier.resolveGlobalModules": false, // 在当前 node_modules 无法解析时使用全局 node_modules 。可能造成性能上的影响
  "prettier.singleAttributePerLine": false, // 如果 HTML元素(包括 JSX 等)具有多个属性,将其每个属性格式化为单独占一行
  "prettier.useEditorConfig": true, // 使用 .editorconfig 中的配置方案。
  "prettier.useTabs": false, // 使用 Tab 缩进,而不是空格缩进
  "prettier.vueIndentScriptAndStyle": false, // 缩进 Vue 的 <script> 和 <style> 标签。
  "prettier.withNodeModules": false, // 允许 Prettier 格式化 node_modules 中的文件
  // 分割线
  "prettier.semi": false, // 在所有代码语句的末尾添加分号
  /* 指定添加尾后逗号的方式。
     选项:none──无尾后逗号
          es5──在 ES5 中有效的尾后逗号(如对象与数组等)
          all──尽可能添加尾后逗号(如函数参数)
  */
  "prettier.trailingComma": "none",
  "prettier.singleQuote": true, // 使用单引号而不是双引号
  "prettier.arrowParens": "avoid", // 箭头函数仅有一个参数时,参数也添加括号
  "prettier.printWidth": 80, // 指定每行代码的最佳长度,如果超出该长度则格式化
  "prettier.tabWidth": 2, // 指定一个制表符等于的空格数
  /* 指定 HTML 元素是在「内容内换行」还是在「属性与右尖括号内换行」,前者可能导致内联元素渲染出额外的空格。
     选项:css──块级元素采用前者,内联元素采用后者
          strict──全部采用后者
          ignore──全部采用后者。
  */
  "prettier.htmlWhitespaceSensitivity": "ignore",
  ... // 其他配置项
}