@ aleph- alpha/ prettier- config- 前端
共享 高级 aleph Alpha 前端工程的配置 .
安装
pnpm add -D @aleph-alpha/prettier-config-frontend prettier
prettier (单位:千美元)>=3.3 <4)是同级依赖关系。 在此软件包旁安装 .
使用量
创建一个 .prettierrc.mjs 在您的工程根中 :
import config from '@aleph-alpha/prettier-config-frontend';
export default config;
要覆盖单个选项, 扩展并替换 :
import config from '@aleph-alpha/prettier-config-frontend';
export default {
...config,
printWidth: 80,
};
这个配置集
| 选项 | 数值 | 它会做什么 |
|---|---|---|
arrowParens | 'always' | 总是将箭头函数参数置于括号中, 甚至是单个参数 |
bracketSameLine | false | 多行 HTML/JSX 关闭括号走在自己的行上 |
bracketSpacing | true | 物体顶部的空间: { foo: bar } 没有 {foo: bar} |
endOfLine | 'lf' | Unix 风格的行尾; 防止 Windows CRLF 漂移 |
htmlWhitespaceSensitivity | 'css' | 崩溃时尊重每个标签的 CSS 属性 |
printWidth | 80 | 以 80 个字符环行 |
proseWrap | 'preserve' | 不要重传马克倒行 |
quoteProps | 'as-needed' | 仅在需要时引用对象密钥 |
semi | true | 总是用分号结束语句 |
singleQuote | true | 字符串使用单引号 |
tabWidth | 2 | 每缩进一级2个空格 |
trailingComma | 'all' | 移动逗号 |
useTabs | false | 使用空格, 不使用标签 |
vueIndentScriptAndStyle | false | 不要缩进内容 <script> 财务报告和审定财务报表 <style> vue SFCs 中的块 |
所有选项都明确声明,因此配置是自文档;默认不假设.
版本
这个包裹跟随铸币局。 中断更改(重命名选项,被移除的插件)出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出.