Prettier - Code formatte不让代码自动换行
时间: 2024-03-10 18:48:15 浏览: 407
在 Prettier 中配置代码不让自动换行,可以通过在 `.prettierrc` 文件中设置参数来实现。
以下是一些示例配置:
```json
{
"printWidth": 80, // 设置每行的最大字符数
"singleQuote": true, // 使用单引号代替双引号
"trailingComma": "none", // 不使用尾随逗号
"bracketSpacing": false, // 对象字面量的花括号内不使用空格
"jsxBracketSameLine": false, // 在多行 JSX 元素的最后一行放置 > 而不是放在新的一行
"arrowParens": "avoid", // 只有一个参数的箭头函数的参数是否带圆括号
"endOfLine": "auto" // 自动检测换行符并使用适当的换行符
}
```
在上述示例中,`"printWidth"` 参数设置了每行的最大字符数,将其设置为一个较小的数值即可防止自动换行。`"trailingComma"` 参数设置为 `"none"` 表示不使用尾随逗号,`"jsxBracketSameLine"` 参数设置为 `false` 表示在多行 JSX 元素的最后一行放置 `>` 而不是放在新的一行。
通过设置不同的参数,可以实现不同的自动换行效果。
相关问题
Prettier - Code formatte设置不自动换行
在 Prettier 中设置不自动换行,可以通过在 `.prettierrc` 文件中设置 `"printWidth"` 参数来实现。
以下是一个示例配置:
```json
{
"printWidth": 120
}
```
在上述示例中,`"printWidth"` 参数设置了每行的最大字符数为 120,将其设置为一个较大的数值即可防止自动换行。
同时,可以根据需要设置其他参数,例如设置不使用尾随逗号:
```json
{
"printWidth": 120,
"trailingComma": "none"
}
```
通过设置不同的参数,可以实现不同的自动换行效果。
Prettier - Code formatter
Prettier - Code formatter是一个用于Visual Studio Code的代码格式化程序。它能够自动格式化代码,使其更加漂亮和一致。你可以通过搜索Prettier - Code formatter并在VS Code中安装它来使用。安装完成后,你可以通过使用快捷键Ctrl + P来打开VS Code的命令面板,然后粘贴以下命令并按Enter键来安装它:ext install esbenp.prettier-vscode。
阅读全文