// prettier.config.js
module.exports = {
arrowParens: 'always',
bracketSpacing: true,
endOfLine: 'auto',
printWidth: 180,
semi: true,
singleQuote: true,
tabWidth: 2,
trailingComma: 'all',
useTabs: false,
};
function TaskList(): JSX.Element {
// prettier-ignore-start
return (
<pre style={{ maxWidth: '300px', overflow: 'auto' }}>
- A
- B
- C
- D
</pre>
);
// prettier-ignore-end
}
但是在保存我的文件后,Prettier 删除了换行符,导致我的函数看起来像- A - B - C - D
.
我也尝试过使用{/* prettier-ignore */}
如建议的https://prettier.io/docs/en/ignore.html#jsx https://prettier.io/docs/en/ignore.html#jsx
我已经看过这些:
- 有没有办法阻止 Prettier 接触 HTML 文件中的 块? https://stackoverflow.com/questions/56905952/is-there-a-way-to-prevent-prettier-from-touching-precode-blocks-in-html-file
- ESLint 和 Prettier 冲突,无法为代码块禁用 Prettier https://stackoverflow.com/questions/58184748/eslint-and-prettier-conflict-unable-to-disable-prettier-for-code-block
我在提供赏金后就明白了这一点。
按照以下文档https://prettier.io/docs/en/ignore.html#javascript https://prettier.io/docs/en/ignore.html#javascript I did:
function TaskList(): JSX.Element {
// prettier-ignore
return (
<pre style={{ maxWidth: '300px', overflow: 'auto' }}>
- A
- B
- C
- D
</pre>
);
}
我用的是Prettier Playground 工具(演示) https://prettier.io/playground/#N4Igxg9gdgLgprEAuEAzArlMMCW0AEAKgIYDOA1gDI6kwAUAlEvgFIDKAGgHQCiANnAC2CGPmAAdKPnwB6GfgAOAJzgxccJQFocAcygQVk6SpjolUuken4APMrj5aATwEBeYMHyDiADwDqOAAmMAAWzADkAMwADNEKPuEANPgQAG4aqHwQAO4RxOgwEOH4AL4lAHxW1pr4AIJV0jUAQg34NQDCrTUAIg02MvaVUvgMANxWkiUgiSAQCrjQpMigxEpKOQAKqwhLKMR82cROSzMARkrEYOSqbMTC1FBwyKj7pHBnF1c3Cpc4UDrIGBKdDvEBCU5wQKBSGUYj-dDEHRwABiBm8aj+AL2BQg0xAIRggj4fhCOHgpB+YDgbB2ZJwqTJTmQ4FIJxAfzeShgGwuOm8z1eoIAVqQfGxMQIAIroCDwAV8N4zH5KTnM07ECF8PHKP4wALBELIAAc0SV6zefguCmZ9k56TxAEcZfAeXNdiAyJpHpDIXiVE6cCoeYj+UgXgrQW9BDhAcDIxK4NLZU8w4KZjANfrQsgAEzpi44PiY9oQQShsGkACsePQbxIp124cVIFSIIAklBobA2GAlDh5rVO2wYC4U024GUgA尝试一下。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)