eslint配置让js不换行
时间: 2023-08-22 22:04:24 浏览: 274
ESLint 中并没有直接控制 JavaScript 代码是否要换行的规则,但是可以通过配置 `max-len` 规则中的 `ignorePattern` 选项来忽略特定的代码行。例如,如果你不希望某些代码行自动换行,可以将这些代码行加入到 `ignorePattern` 中。
举个例子,假设你不希望以下代码中的字符串自动换行:
```javascript
const str = 'This is a long string that should not be split into multiple lines';
```
可以这样配置 `max-len` 规则:
```json
{
"rules": {
"max-len": ["error", { "code": 80, "ignorePattern": "^\\s*const\\s+str\\s+=\\s+'.+';$" }]
}
}
```
在上面的配置中,`ignorePattern` 的值是一个正则表达式,用来匹配不希望自动换行的代码行。这个正则表达式的意思是,匹配以任意数量的空格开头,后面跟着一个 `const` 关键字、一个或多个空格、一个变量名、一个或多个空格、一个等号、一个或多个空格、一个单引号、一个或多个任意字符、一个单引号、一个分号,这样的代码行。如果匹配成功,这个代码行就不会被自动换行。
相关问题
eslint 关闭反尖括号换行
我明白你的问题。要关闭eslint中反尖括号换行的功能,你需要在eslint的配置文件中加入以下代码:
```
"rules": {
"react/jsx-closing-bracket-location": [1, "line-aligned"]
}
```
将以上代码添加到.eslintrc.json或.eslintrc.js文件中即可。这会将反尖括号与前面的代码放在同一行。
vscode 配置 eslint 换行规则
您可以按照以下步骤进行配置:
1. 安装 `eslint` 和 `prettier` 插件:
```
npm install eslint prettier eslint-plugin-prettier eslint-config-prettier eslint-plugin-node eslint-config-node -D
```
2. 在 VS Code 中打开 `settings.json` 文件,添加以下配置:
```
"editor.formatOnSave": true,
"editor.tabSize": 2,
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
},
"eslint.autoFixOnSave": true,
"eslint.validate": [
"javascript",
"javascriptreact",
"vue",
"html",
"vue-html"
],
"[javascript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[vue]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
}
```
上述配置实现了在保存文件时,自动格式化代码,并按照 `prettier` 的规则进行换行。
3. 在项目根目录下添加 `.eslintrc.js` 文件,添加以下配置:
```
module.exports = {
root: true,
env: {
node: true
},
extends: [
"eslint:recommended",
"plugin:node/recommended",
"plugin:prettier/recommended"
],
plugins: ["prettier"],
rules: {
"prettier/prettier": "error"
}
};
```
上述配置中,通过 `eslint:recommended` 和 `plugin:node/recommended` 启用了基本的 `eslint` 规则和 Node.js 环境的规则,通过 `plugin:prettier/recommended` 启用了 `prettier` 和 `eslint` 的规则集成,同时添加了 `prettier` 插件,并开启了 `prettier/prettier` 规则,以使 `prettier` 的规则生效。
应用以上配置后,您就可以在 VS Code 中愉快地编写 JavaScript 或 Vue 项目,并且自动格式化代码和换行。
阅读全文