.eslintrc.js中配置代码，不让代码自动换行

在 `.eslintrc.js` 中配置代码不让自动换行，可以通过 ESLint 的 `object-curly-newline` 规则实现。

该规则控制对象字面量的花括号的位置和换行。默认情况下，对象字面量的花括号在同一行，但是可以通过设置 `multiline` 选项来将花括号放在多个行上。

以下是一些示例配置：

// 不允许花括号放在多个行上
'object-curly-newline': ['error', { 'multiline': false }]

在上述示例中，`'object-curly-newline'` 规则的第一个参数为 `'error'`，表示如果违反规则，则会报错。

第二个参数是一个对象，包含了一些配置选项。其中，`'multiline'` 选项控制是否将花括号放在多个行上，将其设置为 `false` 即可防止自动换行。

通过设置不同的选项，可以实现不同的自动换行效果。

相关问题

.eslintrc.js中配置代码不顺序自动换行

在 `.eslintrc.js` 中配置代码不顺序自动换行，可以通过 ESLint 的 `object-curly-newline` 规则实现。

该规则控制对象字面量的花括号的位置和换行。默认情况下，对象字面量的花括号在同一行，但是可以通过设置 `multiline` 选项来将花括号放在多个行上。

以下是一些示例配置：

// 将花括号放在同一行
'object-curly-newline': ['error', { 'multiline': true }]

// 将花括号放在多个行上，但是不允许花括号后面有多余的空白行
'object-curly-newline': ['error', { 'multiline': true, 'consistent': true }]

// 将花括号放在多个行上，但是只在对象字面量的前后加上空行
'object-curly-newline': ['error', { 'multiline': true, 'minProperties': 2 }]

在上述示例中，`'object-curly-newline'` 规则的第一个参数为 `'error'`，表示如果违反规则，则会报错。

第二个参数是一个对象，包含了一些配置选项。其中，`'multiline'` 选项控制是否将花括号放在多个行上，`'consistent'` 选项表示在对象字面量中始终保持一致，`'minProperties'` 选项表示只在对象字面量的前后加上空行，当对象字面量中的属性超过指定数量时才会生效。

通过设置不同的选项，可以实现不同的自动换行效果。

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 项目，并且自动格式化代码和换行。