javascript - ESLint 排序导入多行换行
问题描述
我想使用sort-imports eslint 规则对导入语句进行排序,但是当我进行多行导入时,它会将每个导入的东西都分成一个新行。
我的问题是我想让导入多行,但在指定宽度后换行。
//My use case
import { a, b, c, z, x, h } from x;
//How is linting
import {
a
, b
, c
, h
, x
, z
} from x;
//How I want to works
import {
a, b, c
, h, x, z
} from x;
在这种情况下,只有 3 个导入,我不介意导入的东西是否只在一行中,但我的问题是当我有很多东西时(比如我要导入 20 个 ramda 函数)并且我不想破坏每个导入的功能进入一个新的行。
这是我目前的 eslint + 更漂亮的配置:
.eslintrc.json
{
"root": true,
"extends": [
"plugin:vue/essential",
"plugin:prettier/recommended",
"eslint:recommended"
],
"parserOptions": {
"ecmaVersion": 2019,
"sourceType": "module"
},
"env": {
"es6": true
},
"rules": {
"indent": ["error", 2],
"arrow-parens": ["error", "always"],
"sort-imports": [
"error",
{
"ignoreDeclarationSort": true
}
],
"comma-style": ["error", "first"],
"comma-spacing" :["error", {
"after": true
}]
}
}
.prettierrc.json
{
"arrowParens": "always",
"bracketSpacing": true,
"htmlWhitespaceSensitivity": "css",
"insertPragma": false,
"jsxBracketSameLine": false,
"jsxSingleQuote": false,
"printWidth": 80,
"proseWrap": "preserve",
"quoteProps": "as-needed",
"requirePragma": true,
"semi": true,
"singleQuote": true,
"tabWidth": 2,
"trailingComma": "es5",
"useTabs": false,
"vueIndentScriptAndStyle": false
}
解决方案
你应该加载plugin:prettier/recommended
之后eslint:recommended
停止 eslint 重新格式化更漂亮的东西
推荐阅读
- java - 无法调用 CXFInstall.getLocation(),因为 cxfInstall 为空
- api - golang中单个数组中的多个响应
- azure - Azure Active Directory 域服务:操作失败,因为资源处于:“失败”状态
- rest - 带有 REST 的 Web 套接字
- visual-studio - 视觉工作室。如何通过单击临时打开文件
- react-native - 应用程序 react-native-web 上的 Web 和 Native mobile 导航
- python - Is there any other way to upload package to PyPI?
- c# - 为什么我通过安装项目而不是 EXE 安装 DLL 以及如何修复它?
- c - “deserializeJson() failed: NoMemory” 带有 ESP8266 的 NodeMcu-Mx 出错
- html - 如何在shopify中更改搜索结果页面!在铬 4 主题