## prettierrc * 参考文章:https://zhuanlan.zhihu.com/p/81764012?from_voters_page=true 代码格式化工具,它能够解析代码,使用你自己设定的规则来重新打印出格式规范的代码,只能做到规范代码风格,不能修复错误代码 ### vscode中的使用 * 安装插件 Prettier - Code formatter * mac配置格式文档方式后可以使用shift + option + f快捷键 ### 项目根目录创建.prettierrc.js配置文件 ``` module.exports = { // 一行最多 120 字符 printWidth: 120, // 使用 2 个空格缩进 tabWidth: 2, // 不使用缩进符,而使用空格 useTabs: false, // 行尾需要有分号 semi: true, // 使用单引号 singleQuote: false, // 对象的 key 仅在必要时用引号 quoteProps: "as-needed", // jsx 不使用单引号,而使用双引号 jsxSingleQuote: false, // 末尾需要有逗号 trailingComma: "all", // 大括号内的首尾需要空格 bracketSpacing: true, // jsx 标签的反尖括号需要换行 jsxBracketSameLine: false, // 箭头函数,只有一个参数的时候,也需要括号 arrowParens: "always", // 每个文件格式化的范围是文件的全部内容 rangeStart: 0, rangeEnd: Infinity, // 不需要写文件开头的 @prettier requirePragma: false, // 不需要自动在文件开头插入 @prettier insertPragma: false, // 使用默认的折行标准 proseWrap: "preserve", // 根据显示样式决定 html 要不要折行 htmlWhitespaceSensitivity: "css", // vue 文件中的 script 和 style 内不用缩进 vueIndentScriptAndStyle: false, // 换行符使用 lf endOfLine: "lf", // 格式化嵌入的内容 embeddedLanguageFormatting: "auto", }; ```