加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
prettier.config.js 4.42 KB
一键复制 编辑 原始数据 按行查看 历史
houjinhui 提交于 2023-12-01 11:20 . add prettier
/** @type {import("prettier").Config} */
const config = {
printWidth: 80, // 指定打印机将换行的行长度。为了便于阅读,我们建议不要使用超过 80 个字符:在代码样式指南中,最大行长度规则通常设置为 100 或 120。但是,当人们编写代码时,他们并不努力达到每行的最大列数。开发人员经常使用空格来分隔长行以提高可读性。在实践中,平均线路长度通常远低于最大值。
tabWidth: 2, // 指定每个缩进级别的空格数。
useTabs: false, // 使用制表符而不是空格来缩进行。
semi: false, // 在语句末尾打印分号。
singleQuote: true, // 使用单引号而不是双引号。
quoteProps: "as-needed", // 引用对象中的属性时进行更改。
// "as-needed"- 仅在需要时在对象属性周围添加引号。
// "consistent"- 如果对象中至少有一个属性需要引号,请为所有属性加上引号。
// "preserve"- 尊重对象属性中引号的输入使用。
jsxSingleQuote: false, // 在 JSX 中使用单引号而不是双引号。
trailingComma: "es5", // "<all|es5|none>" 在多行逗号分隔的语法结构中尽可能打印尾随逗号。(例如,单行数组永远不会有尾随逗号。)
bracketSpacing: true, // 打印对象文字中括号之间的空格。
bracketSameLine: false, // 将>多行 HTML(HTML、JSX、Vue、Angular)元素的 放在最后一行的末尾,而不是单独放在下一行(不适用于自闭合元素)。
jsxBracketSameLine: false, // [弃用] 将>多行 JSX 元素的 放在最后一行的末尾,而不是单独放在下一行(不适用于自闭合元素)。
arrowParens: 'always', // <always|avoid> 在唯一的箭头函数参数周围包含括号。
// "always"- 始终包含括号。例子:(x) => x
// "avoid"- 尽可能省略括号。例子:x => x
// rangeStart: 0,
// rangeEnd: Infinity,
// 仅格式化文件的一部分。
// 这两个选项可用于格式化以给定字符偏移量(分别包含和排除)开始和结束的代码。范围将扩大:
// -- 向后到包含所选语句的第一行的开头。
// --前进到所选语句的末尾。
// 这些选项不能与 一起使用cursorOffset。
// parser: '', // 指定要使用的解析器。
// filepath: '', // 指定用于推断要使用哪个解析器的文件名。
requirePragma: false, // Prettier 可以将自身限制为仅格式化在文件顶部包含特殊注释(称为编译指示)的文件。当逐渐将大型、未格式化的代码库过渡到 Prettier 时,这非常有用。
insertPragma: false,
proseWrap: 'preserve', // <always|never|preserve>" 默认情况下,Prettier 不会更改 Markdown 文本中的换行,因为某些服务使用换行敏感渲染器,例如 GitHub 评论和 BitBucket。要使 Prettier 将散文换行到打印宽度,请将此选项更改为“始终”。如果您希望 Prettier 强制所有散文块位于一行并依赖编辑器/查看器软包装,则可以使用"never".
// 有效选项:
// "always"- 如果散文超过打印宽度,则自动换行。
// "never"- 将每一块散文拆成一行。
// "preserve"- 什么也不做,保持散文原样。首次在 v1.9.0 中提供
htmlWhitespaceSensitivity: 'css', // 指定 HTML、Vue、Angular 和 Handlebars 的全局空白敏感度。有关详细信息,请参阅空白敏感格式。
// 有效选项:
//
// "css"- 尊重 CSS 属性的默认值display。对于车把,处理方式与 相同strict。
// "strict"- 所有标签周围的空白(或缺少空白)被认为是重要的。
// "ignore"- 所有标签周围的空白(或缺少空白)被认为是无关紧要的。
vueIndentScriptAndStyle: false,
// 是否缩进 Vue 文件中的代码<script>和<style>标签。
//
// 有效选项:
//
// false- 不要在 Vue 文件中缩进脚本和样式标签。
// true- Vue 文件中缩进脚本和样式标签。
endOfLine: 'lf', // "<lf|crlf|cr|auto>"
// 由于历史原因,文本文件中存在两种常见的行结尾形式。即\n(或LF换行)和\r\n(或CRLF回车+换行)。
// 前者在 Linux 和 macOS 上很常见,而后者在 Windows 上很常见。可以在维基百科上找到一些解释原因的详细信息。
embeddedLanguageFormatting: 'auto', // <off|auto>
singleAttributePerLine: false // 在 HTML、Vue 和 JSX 中强制每行使用单一属性。
};
export default config
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化