Prettier - Code formatte设置不自动换行
时间: 2024-01-18 22:01:50 浏览: 25
在 Prettier 中设置不自动换行,可以通过在 `.prettierrc` 文件中设置 `"printWidth"` 参数来实现。
以下是一个示例配置:
```json
{
"printWidth": 120
}
```
在上述示例中,`"printWidth"` 参数设置了每行的最大字符数为 120,将其设置为一个较大的数值即可防止自动换行。
同时,可以根据需要设置其他参数,例如设置不使用尾随逗号:
```json
{
"printWidth": 120,
"trailingComma": "none"
}
```
通过设置不同的参数,可以实现不同的自动换行效果。
相关问题
Prettier - Code formatte不让代码自动换行
在 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 formatter怎么配置
根据引用[1]和引用[2]的内容,配置Prettier - Code formatter可以按照以下步骤进行:
1. 打开VS Code的设置,找到"vetur.format.defaultFormatterOptions"选项。
2. 在该选项中,可以使用"js-beautify-html"或"prettyhtml"作为HTML格式化器。
3. 对于"js-beautify-html",可以设置"wrap_attributes"选项为"auto",以自动换行属性。
4. 对于"prettyhtml",可以设置"printWidth"选项为所需的行宽,"singleQuote"选项为是否使用单引号,"wrapAttributes"选项为是否换行属性,"sortAttributes"选项为是否对属性进行排序。
5. 另外,可以设置"editor.formatOnPaste"选项为false,以禁止粘贴时自动格式化代码。
6. 如果想在Vue文件中点击方法名跳转,可以在项目根目录下创建一个jsconfig.json文件,并配置相应的代码。
7. 如果想禁用ESLint检查,可以在当前项目中添加vue.config.js文件,并设置"lintOnSave"选项为false。
综上所述,以上是关于配置Prettier - Code formatter的一些方法和选项。