当前位置:   article > 正文

前端Prettier 插件的使用配置(详细)_prettier插件配置

prettier插件配置

  1. 各个参数代表的意思:
  2. printWidth:每行代码的最大长度限制。
  3. tabWidth:选项用于控制制表符的宽度。
  4. useTabs:指定是否使用制表符代替空格。
  5. semi:指定是否在语句的末尾添加分号。
  6. singleQuote:指定是否使用单引号或双引号来定义字符串。
  7. quoteProps:指定对象字面量的键是否需要引号。设置为 "as-needed" 表示只有在必要时才添加引号。
  8. jsxSingleQuote:指定在JSX中是否使用单引号或双引号来定义字符串。
  9. trailingComma:指定在多行数组或对象字面量中是否添加尾随逗号。
  10. bracketSpacing:指定是否在对象字面量中的大括号前后添加空格。
  11. bracketSameLine:指定大括号是否与声明在同一行。
  12. arrowParens:指定箭头函数的参数是否添加括号。
  13. proseWrap:指定是否在Markdown文件中启用折行。
  14. htmlWhitespaceSensitivity:指定HTML文件中空格处理的敏感度。
  15. vueIndentScriptAndStyle:指定Vue文件中的脚本和样式标签是否缩进。
  16. endOfLine:指定文件行尾的换行符类型。
  17. embeddedLanguageFormatting:指定在嵌入语言(如HTMLJSX)中的代码格式化方式。
  18. singleAttributePerLine:指定在HTMLJSX属性中是否每行只放置一个属性。
  19. 这些选项可以根据个人喜好和团队规范进行调整和配置。
  1. // Prettier配置文档:https://prettier.io/docs/en/options.html
  2. //本人的配置,大家可以进行参考的配置
  3. module.exports = {
  4. printWidth: 180,
  5. tabWidth: 2,
  6. useTabs: true,
  7. semi: true,
  8. singleQuote: true,
  9. quoteProps: "as-needed",
  10. jsxSingleQuote: false,
  11. trailingComma: "all",
  12. bracketSpacing: true,
  13. bracketSameLine: false,
  14. arrowParens: "always",
  15. proseWrap: "preserve",
  16. htmlWhitespaceSensitivity: "ignore",
  17. vueIndentScriptAndStyle: true,
  18. endOfLine: "lf",
  19. embeddedLanguageFormatting: "auto",
  20. singleAttributePerLine: false,
  21. //自定义文件后缀对应的parser
  22. parsers: {
  23. ".nvue": "vue",
  24. ".ux": "vue",
  25. ".uvue": "vue",
  26. ".uts": "typescript"
  27. }
  28. }

声明:本文内容由网友自发贡献,转载请注明出处:【wpsshop】
推荐阅读
相关标签
  

闽ICP备14008679号