Eslint:如何强制多行对象文字和数组具有相同的缩进？
Eslint是一种开源的JavaScript代码静态分析工具，用于检测代码中的错误、规范和一致性问题。它可以帮助开发人员提高代码质量，降低bug率。
如果你想强制多行对象文字和数组具有相同的缩进，可以通过Eslint的indent规则来实现。indent规则用于控制代码块的缩进风格。
首先，你需要在项目中安装eslint，可以通过npm进行安装：
npm install eslint --save-dev然后，在项目的根目录下创建一个.eslintrc.json文件，并添加以下配置：
{
"rules": {
"indent": ["error", 2, { "MemberExpression": "off", "FunctionDeclaration": { "body": 1, "parameters": 2 }, "FunctionExpression": { "body": 1, "parameters": 2 }, "ArrayExpression": 1, "ObjectExpression": 1, "ImportDeclaration": 1, "flatTernaryExpressions": false, "ignoredNodes": ["JSXElement *", "JSXElement"], "outerIIFEBody": 1 }],
}
}在上述配置中，我们将indent规则设置为"error"，表示当缩进不符合要求时，eslint会报错。其中，"ArrayExpression": 1和"ObjectExpression": 1表示数组和对象的缩进为1个空格。
另外，你可以根据实际需求调整其他配置，比如函数声明、函数表达式等的缩进。
配置完成后，你可以使用eslint来检测和修复代码中的缩进问题。运行以下命令检查代码中的问题：
npx eslint yourFile.js如果你想自动修复可修复的问题，可以运行以下命令：
npx eslint --fix yourFile.js关于腾讯云相关产品，可以考虑使用腾讯云的云服务器CVM、对象存储COS等。你可以在腾讯云官网找到这些产品的详细介绍和文档：
以上是关于如何强制多行对象文字和数组具有相同缩进的答案，希望对你有帮助。
相关·内容
我有以下代码片段：
const enclosing = () => {
const setClaim = (userId, claim) => {
client
.setClaim({ userId, claim })
.then(() => {
// do something
return resolve(true);
}, // eslint complains about this line
err => reject(err)
);
})
浏览 0提问于2017-05-31得票数 1
对于带有多个布尔运算符的if条件，我看到换行符用于提高可读性。我记得看到过某人的eslint规则，关于连接条件的各个部分的布尔运算符应该是前导还是尾随。我不记得我在哪里看到过它，他们使用的规则是什么，或者他们的推理是什么。
拖尾：
if (
someVariable &&
otherThing
) {
// code
}
前导：
if (
someVariable
&& otherThing
) {
// code
}
选择一种口味的原因是什么？哪一个适合更干净的git diffs？
浏览 0提问于2018-03-21得票数 3
1回答
用链式方法缩进Eslint
、、、、
如何将eslint配置为：
Promise.all(promises)
.then(() => {
myExampleFunction()
})
而不是：
Promise.all(promises)
.then(() => {
myExampleFunction()
})
我们正在使用下面的eslint包：
"eslint": "4.12.0",
"eslint-plugin-promise": "3.6.0",
"eslint-plugin-react": "7
浏览 2提问于2017-11-30得票数 7
回答已采纳
2回答
这个yaml工作：
-
test: >
long
此yaml不：
-
test: >
long
test
text
--这不起作用：
-
test: >
"long
test
text"
我怎样才能把它变成多行？这个问题以前已经回答过了，但我认为没有在次级层面上回答。
我必须缩进最后一行吗？
我使用这个服务来测试它：
浏览 2提问于2016-04-08得票数 1
回答已采纳
1回答
前奏曲
我更喜欢让点垂直排列：
const my_long_name = louis.what()
.a()
.wonderful()
.world();
但是ESlint抱怨
`Expected indentation of 4 spaces but found 26. [indent]`.
我的~/.eslintrc.js
module.exports = {
extends: [
'airbnb-bas
浏览 6提问于2019-09-24得票数 2
我使用两个空格作为缩进，我想保持它也没有空行。当前，如果有缩进，ESLint会显示警告消息删除'··‘(更漂亮/更漂亮)。
如何添加规则，禁用对空行缩进的警告？
浏览 7提问于2022-02-25得票数 1
回答已采纳
如何在sed中使用的多行字符串中保持缩进
我要做的是：
FILES_MATCH='<FilesMatch \\.php\$>\nSetHandler "proxy:unix:\/var\/run\/php\/php7.3-fpm.sock|fcgi:\/\/localhost"\n<\/FilesMatch>'
sed -i '' "s/ProxyPassMatch .*/${FILES_MATCH}/" "$HOME/Projects/${DIR_NAME}/deploy/apache/defau
浏览 8提问于2021-12-16得票数 0
回答已采纳
错误是因为这一行代码
item.component = () => import(`@/views/${_component}`)
如果我修改.eslintrc.js，它就能工作。
'indent' : "off",
'template-curly-spacing' : "off",
但是这样，埃林特就不能帮我格式化代码了
当我运行以下代码时，他无法工作，但eslint没有错误：
item.component = () => import(`@/views/` + _component)
"babel-core
浏览 1提问于2020-01-22得票数 6
回答已采纳
在使用eslint和typescript的React项目中发生了一个styled-component错误。
错误
ESLint: 4个空格的预期缩进，但发现6.(缩进)
来源
const InputField = styled.input<{ error?: boolean }>`
...
&:focus {
outline: none;
border-color: ${({ theme, error }) =>
error ? theme.color.error : '#0d58ee'};
}
`;
浏览 14提问于2022-09-13得票数 0
根据PSR2，在多行数组的键和值之间有空格的正确方式是什么？
$result = [
'key1' => 'value1',
'another_key' => 'value2',
'some_other_key' => 'value3'
];
vs
$result = [
'key1' => 'value1',
'another_key' => 'v
浏览 4提问于2017-11-02得票数 12
3回答
我有以下函数，用于设置一个select2插件，如果它们是多个，则需要选择保持打开，但如果不是，则需要选择保持打开：
function setUpSelects($selects, closeOnSelect) {
$selects.each((i, item) => {
const $item = $(item);
$item.select2({
closeOnSelect: closeOnSelect, // <-- error on this line
minimumResultsForSearch: Infinity,
浏览 3提问于2017-12-04得票数 82
回答已采纳
1回答
我正在寻找一种方便的方式来编写和编辑YAML。现在我使用的是：，但它不是很方便，因为当您有太多行时，您会在那里迷路。
有什么建议吗？
浏览 0提问于2015-04-21得票数 0
回答已采纳
1回答
当我将vscode配置为eslint &较漂亮时，我在.settings.json文件中遇到了错误消息问题“Auto在默认情况下是启用的。使用单个字符串形式。”：
我的eslint配置是：
我更漂亮的配置是：
module.exports = {
singleQuote: true,
semi: false
}
有谁知道原因是什么，以及如何解决？
浏览 4提问于2020-04-20得票数 24
当我以某种方式使用扩展操作符时，我得到了一个奇怪的eslint错误。我在整个应用程序中都在使用它，但是这一行是抛出一个错误。
//this is ok
const sortById = arr => [...arr].sort((a, b) => (parseInt(a.EMPLOYEE_ID) < parseInt(b.EMPLOYEE_ID) ? -1 : 1));
//this is ok
const addStoreType = arr => arr.map(obj => ({ ...obj, STORE_TYPE: typeOfStore(parseI
浏览 0提问于2018-08-23得票数 0
下面是我的崇高文本窗口的屏幕截图，显示了为switch / case语句抛出的eslint错误。我希望必须缩进4个空格，如代码所示。
下面是4的不同尝试，通过修改我的react应用程序中的.eslintrc文件，尝试允许缩进4个空格。我搜索了一个解决方案，并看到了添加switchCase和indentSwitchCase的建议，但是我的.eslintrc规则是全行距的，而不是camelcase，所以我添加了所有4条规则，试图从崇高的文本中删除错误，但没有运气.我做错什么了？！！
编辑:这是一个React / MERN应用程序和im，使用崇高的文本作为我的编辑器。让我知道，如
浏览 4提问于2018-10-29得票数 88
回答已采纳
我有一个多行字符串，它的第一行是缩进的，但是后面的行没有缩进.如何在YAML?中表示这一点
12 24
30 60 53
36 66 59
YAML看到脱节，并认为它是字符串的结尾.
有一种方法我可以做到。但是，如果我能够更容易地剪切和粘贴值，而不修改字符串，那就太好了。
" 12 24\n\
\30 60 53\n\
\36 66 59"
浏览 3提问于2015-03-25得票数 2
3回答
我是新来的。大部分的集成工作都很好，但变形对象中的多行不是这样。
更漂亮的1.19.1
输入：
const {
ciq,
drawingMenuX,
drawingMenuY,
selectedDrawing,
} = store.chartStore;
输出：
const { ciq, drawingMenuX, drawingMenuY, selectedDrawing } = store.chartStore;
预期行为：
const {
ciq,
drawingMenuX,
drawingMenuY,
selectedDrawing,
} = stor
浏览 5提问于2019-12-13得票数 9
我正在研究Euler problems项目，#8要求您在1000位数字中找到5个连续数字的最大乘积。谁知道如何将数字格式化为多行中的一个长字符串，而不是一行中的一个长字符串？
谢谢!
浏览 0提问于2012-08-13得票数 1
回答已采纳
嗨，我正在尝试使用Django the框架创建一个博客。
我知道错误了，
No URL to redirect to. Either provide a url or define a get_absolute_url method on the Model.
urls.py给出如下，
from django.urls import path
from .views import (
BlogListView,
BlogDetailView,
BlogCreateView,
BlogUpdateView,
)
urlpatterns = [
p
浏览 11提问于2020-08-21得票数 0
回答已采纳
1回答
(我是新手，所以请告诉我是否需要在我的问题中添加更多的信息)
我试图为缩进样式的组件添加一个规则，如下所示：
const link = styled.a`
text-decoration: none;
color: #000;
`;
我用的是这个规则：
"indent": ["error", "tab"]
我认为该规则不适用于样式化的组件，因为它使用了模板文本，但随后我也看到可以在规则中添加"ignoredNodes"："TemplateLiteral > *“。这表示规则应该与模板文字一起工作吗？但
浏览 3提问于2021-04-13得票数 0
1回答
我正在尝试从curl脚本发送多行评论在bash正文中。下面是我的curl调用。
#!/bin/bash
temp="This is sample data: 2019/05/21 03:33:04
This is 2nd sample data: #2 Sample_Data"
response=$(curl -sS --location "${HEADERS[@]}" -w "%{http_code}\n" -X POST "$url" --header 'Content-Type: applicatio
浏览 0提问于2023-04-03得票数 -1
回答已采纳
1回答
我是JS的业余爱好者，与MacBook Pro Catalina和VSCode合作。我的工作是能够运行模拟和类似的。
我在VSC (全局)中启用了ESLint，然后我完成了ESLint网页中概述的过程。当我查看eslintrc.js文件时，我看到"rules“行是空的。我假定ESLint规则会在这里列出，但什么也没有。或者这可能是参考可选标准、airBnB或谷歌规则的地方？我不相信ESLint在工作，我可能忽略了一些东西。你能帮忙吗？附件，我的.eslintrc.js和package.json文件。谢谢。
module.exports = {
"env": {
浏览 7提问于2022-02-05得票数 1
4回答
我知道JS中的字符串可以拆分为多行，但是矩阵呢？
$('#map').gameMap({map:[[{"tile":"grass_0","object":""},{"tile":"grass_0","object":""},{"tile":"grass_3","object":""}],[{"tile":"grass_0","object":
浏览 6提问于2011-11-23得票数 1
回答已采纳
在下面定义了配置之后，当运行webpack时，将向控制台抛出一个错误：
TypeError: element.loader.split不是一个函数
webpack.config.js
module.exports = {
devtool: 'eval',
entry: {
chiffr: getEntrySources([
'./src/index',
]),
},
output: {
path: path.join(__dirname, 'dist'),
filename: &
浏览 1提问于2016-07-05得票数 2
回答已采纳
2回答
我有一个.vue文件，当我保存它时会自动格式化它。这是伟大的，但我有一个问题，我无法理解，也无法摆脱。按照本指南，，我已经设置VS代码使用Vetur，美化-js和ESLint。
在.vue文件中，我有一个简单的数组。当我保存文件时，它会闪烁100 it，如下所示：
然后像这样被拯救：
然后，ESLint抱怨两件事：
“8个空格的扩展缩进，但发现0.eslint(缩进)”
和
“尾部空间不包括allowed.eslint(无尾随-空格)”
我同意ESLint的观点，不想压制这些错误。其他格式都很好，但JS不是数组。我相信这是js-美化文档的格式(因此链接的文章
浏览 2提问于2019-06-11得票数 2
用于ESLint的规则允许您在使用ignoredNodes选项确定该规则是否应应用于该节点时，指定哪些节点被忽略。
我有下面的代码，我想用这个规则忽略它：
const a = b
? `c${
d
}`
: e
具体来说，使用d的行和后面的行被报告为比它们应有的多两个空格。我想从规则中忽略这些行，但我无法确定应该应用的节点。
节点类型指定为。我知道三元表达式，就像在这段代码中使用的那样，是一个ConditionalExpression节点，看起来好像存在一个，但是我无法让它工作。
我知道我可以使用eslint-disable-next-line、eslint-dis
浏览 0提问于2018-09-05得票数 17
回答已采纳
2回答
对于以下情况，我需要添加eslint规则：
// bad
[
'onClickSave',
'onClickCancel'].forEach(bind(this));
// good
[
'onClickSave',
'onClickCancel'
].forEach(bind(this));
当使用多行定义对象或数组时，括号必须位于新行上。
有这样的规则在埃林特或我如何才能完成它？
浏览 3提问于2016-12-05得票数 5
回答已采纳
1回答
我正在尝试部署我的函数，并且我有以下错误：
> functions@ lint /Users/../functions
> eslint .
/Users/../functions/index.js
42:40 error Parsing error: Unexpected token ..
有关守则是：
await privateRef.set({
...response.data, // <-- line 42
updatedAt: admin.firestore.FieldValue.serverTimestamp()
}, { merge:
浏览 1提问于2020-07-06得票数 0
回答已采纳
4回答
我创建了一个React，版本是0.62.2
我将eslintrc.js更改如下
module.exports = {
parser:'babel-eslint',
env: {
browser: true,
es6: true,
},
extends: '@react-native-community',
globals: {
Atomics: 'readonly',
SharedArrayBuffer: 'readonly',
},
parserOptions: {
浏览 14提问于2020-04-10得票数 4
回答已采纳
1回答
这是如何运作的：
char Test1[8] = {"abcde"} ;
AFAIK，这应该存储在Test1的内存中
a b c d e 0 SomeJunkValue SomeJunkValue
相反，它被存储为：
a b c d e 0 0 0
初始化只在字符串文本之后添加一个尾随空字符，但是如何以及为什么将所有其他数组成员初始化为空？此外，任何链接或任何关于什么是底层方法或函数的概念性想法都会非常有用：char TEST1[8] = {"abcde"} ;。情况如何：
char Test1[8] = {"abcde"} ;
不同于
char
浏览 5提问于2012-09-26得票数 2
回答已采纳
能否以跨越多行的方式编写Haskell的"let“语句？
let a = " something in this row.
something else in this row "
或者，还有其他方法来创建跨多行的字符串吗？
浏览 7提问于2013-12-29得票数 1
回答已采纳
1回答
我正试图在Scala中创建一个多行字符串，如下所示。
val errorReport: String =
"""
|{
|"errorName":"blah",
|"moreError":"blah2",
|"errorMessage":{
| "status": "bad",
| "message": "Unrecogniz
浏览 0提问于2019-04-01得票数 6
回答已采纳
6回答
根据的说法，在ECMAScript 6中可以定义多行字符串，而不必将字符串的后续行放在行首。
包含一个代码示例：
var a = dontIndent
`This is a template string.
Even though each line is indented to keep the
code neat and tidy, the white space used to indent
is not in the resulting string`;
有人能解释一下如何实现这一点吗？如何定义这个dontInden
浏览 0提问于2014-09-19得票数 63
我正在尝试配置eslint + babel-eslint + eslint-plugin-react + eslint-plugin-flowtype
我有下面的devDependencies ( package.json )
"babel-eslint": "^7.1.1",
"eslint": "^3.10.2",
"eslint-config-airbnb": "^13.0.0",
"eslint-plugin-flowtype": "^2.25.0",
浏览 12提问于2016-11-23得票数 5
回答已采纳
1回答
我想解析下面的JSON，并使用我的代码(如string令牌程序)很好地工作，但是我想使用任何标准方法(例如GSON.等等，或者如何为它创建POJO，，那么如何解决这个问题，谢谢
JSON
[
[
"106639",
"jonni",
"assistant director",
"1"
],
[
"106639",
"maikel",
"operator and publisher",
浏览 4提问于2020-01-12得票数 1
回答已采纳
1回答
因此，我的团队目前正在开发一个使用大量YAML的应用程序，我们需要为常见格式执行一些规则。最好的方法是一个命令行程序，这样我们就可以将它插入到我们的CI中。
最重要的是，我们希望强制2空间缩进和列表缩进，如下所示：
list:
- not indented
- not indented # this is BAD
list:
- indented
- indented # this is GOOD
mapping:
5 space indentation # this is BAD
此外，这将是很好地防止尾随空格和无意义的
浏览 0提问于2016-01-27得票数 7
回答已采纳
当我看到这个符号时，我非常惊讶。它是做什么的，它是一种什么样的C概念？
浏览 0提问于2010-06-11得票数 10
回答已采纳
我有一个实用程序函数，用于在ref中存储一个不断变化的值：
export function useRefOf<T>(value: T) {
const ref = useRef(value);
useEffect(() => {
ref.current = value;
}, [value]);
return ref;
}
但是，当我在不希望在值更改时重新呈现的效果中使用此值时：
const someValueRef = useRefOf(someValue);
useEffect(() => {
doSomeGreatStuff(so
浏览 8提问于2022-06-01得票数 0
回答已采纳
当浏览器调整大小时，我正在切换状态：
const [expanded, setExpanded] = useState(true)
useEffect(() => {
const listener = () => {
if (document.documentElement.clientWidth > 1024) return
setExpanded(false)
}
window.addEventListener('resize', listener)
return () => window.removeEventLis
浏览 0提问于2020-01-19得票数 3
回答已采纳
我现在很困惑！JavaScript中的运算符。我的理解是！运算符仅对布尔值进行运算。但是我的一个的注释说它可以对任何东西进行操作，并返回一个布尔值，在我做了一些测试之后，这恰好是真的。
alert(!undefined); //true
alert(!function(){}); //false
alert(!{}); //false
alert(!null); //true
alert(!()); //crash
alert(!"false"); //false
alert(!false); //true
有没有人
浏览 34提问于2012-05-23得票数 16
回答已采纳
Python函数中多行字符串的正确缩进是什么？
def method():
string = """line one
line two
line three"""
要么
def method():
string = """line one
line two
line three"""
或者是其他东西？
在第一个例子中，将字符串悬挂在函数外面看起来有些奇怪。
浏览 1928提问于2017-12-25
4回答
下面的代码安全吗？编写类似于此的代码可能很有诱惑力：
#include <map>
const std::map<const char*, int> m = {
{"text1", 1},
{"text2", 2}
};
int main () {
volatile const auto a = m.at("text1");
return 0;
}
此映射仅用于字符串文本。
我认为这是完全合法的，而且似乎是有效的，但是我从来没有看到在两个不同的地方使用的文字指针是相同的。我无法让编译器为
浏览 0提问于2018-09-20得票数 26
回答已采纳
我想转换所有的“数组(.)”记在“.”在我的项目中，但我没有找到适用于所有情况的正则表达式。
是否有适用于所有情况的东西(嵌套数组、多行数组、多行嵌套数组)
浏览 10提问于2014-05-16得票数 70
回答已采纳
1回答
如何用yaml跨多行编写正则表达式，这些行在转换为json时是一行，没有额外的空格或注释？
概述了一种在yaml中编写单个正则表达式的方法，该表达式跨越多行注释。我尝试了他们的建议，我的输出总是包括新行和评论。
下面是他们的例子中的yaml，保存在syntaxes/abc.tmLanguage.yaml
---
match: >
(?x)
\s* # Leading whitespace
(\[)([^]]+?)(\])(:) # reference name
[ \t]* # optional whitespace
浏览 9提问于2020-04-03得票数 0
回答已采纳
我正在制作一个基于文本的rpg/冒险游戏，我想添加一些ASCII艺术。对于这样的多行字符串，我使用了三重引号：
print("""
/\ /\ /\ /\
/**\ /**\ /**\ /**\
/***
浏览 4提问于2021-02-10得票数 0
回答已采纳
因此，我试图完成的是检查列表中是否存在一个值，如果存在，循环应该跳过it...it，尽管这似乎不起作用。
下面是所需的算法：
逐行读取文本文件，每一行都是一个url。
对于每个url，转到url并从这个url获取json字符串。
检查这个json字符串是唯一的还是已经存在于我们的列表中。
如果它没有exists...do，如果它没有:将它添加到我们的列表中，然后做其他事情
第四点是问题吗？我只捕获部分重复的值，即如果相同的重复值而不是所有的重复值？
我想要的是捕捉复制，即使它们存在于不同的urls？我已经在循环之外的最上面声明了列表，但仍然无法捕捉到它？
示例：
in
浏览 0提问于2019-03-27得票数 0
回答已采纳
今天我注意到了一些有趣的东西，使用和json/json。以下是代码：
echo "<h3>1) array as string</h3>";
$sa = '["item1","item2","item3"]';
var_dump($sa);
echo "<h3>2) array as string decoded</h3>";
$sad = json_decode($sa);
var_dump($sad);
echo "<h3>3)
浏览 15提问于2015-06-05得票数 4
回答已采纳
字符串文字是如何在C中编译的？据我所知，在test1中，编译器将字符串"hello“放入数据段，并在第二行为p分配硬编码的虚拟地址。这是正确的吗？test1的工作方式和test2的工作方式之间没有根本的区别。
下面是一些代码：
#include <stdio.h>
test1();
test2();
test3();
main()
{
test1();
test2();
//test3();
}
test1()
{
char *p;
p="hello";
}
test2()
{
char *p="
浏览 0提问于2011-07-13得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
