如何设置ESLint规则的选项值？
ESLint是一个流行的JavaScript代码静态分析工具，可以帮助开发者在编写代码时遵循一致的编码规范和最佳实践。设置ESLint规则的选项值可以通过以下几种方式进行：
- 在.eslintrc配置文件中设置：ESLint的配置文件是一个JSON格式的文件，可以在其中指定规则的选项值。可以通过以下方式设置规则的选项值：
- 在.eslintrc配置文件中设置：ESLint的配置文件是一个JSON格式的文件，可以在其中指定规则的选项值。可以通过以下方式设置规则的选项值：
- 其中，"rule-name"是要设置选项值的规则名称，"option"是规则的选项，"value"是选项的值。
- 行内注释设置：在代码中使用特定的注释来设置规则的选项值。可以在代码的特定位置使用注释来覆盖全局的规则选项值。例如：
- 行内注释设置：在代码中使用特定的注释来设置规则的选项值。可以在代码的特定位置使用注释来覆盖全局的规则选项值。例如：
- 这将禁用下一行代码中指定规则的检查。
- 使用CLI参数设置：在命令行中使用ESLint的CLI工具时，可以通过参数来设置规则的选项值。例如：
- 使用CLI参数设置：在命令行中使用ESLint的CLI工具时，可以通过参数来设置规则的选项值。例如：
- 这将在运行时覆盖指定规则的选项值。
设置ESLint规则的选项值需要根据具体的规则和需求进行设置。可以参考ESLint官方文档中的规则列表和规则选项说明来了解每个规则的具体选项和用法。以下是一些常用的ESLint规则设置的选项值示例：
- "indent"规则：用于控制代码缩进的规则。可以设置选项值为数字，表示缩进的空格数。
- "no-unused-vars"规则：用于检测未使用的变量。可以设置选项值为"all"，表示检测所有作用域中的未使用变量。
- "max-len"规则：用于限制一行代码的最大长度。可以设置选项值为数字，表示最大长度的字符数。
- "no-console"规则：用于禁止使用console语句。可以设置选项值为"error"，表示将console语句视为错误。
请注意，以上示例仅为演示目的，具体的规则选项值应根据实际需求进行设置。
腾讯云提供了云计算相关的产品和服务，其中包括云服务器、云数据库、云存储等。可以根据具体的需求选择适合的产品来支持云计算应用。更多关于腾讯云产品的信息和介绍可以参考腾讯云官方网站：腾讯云。
相关·内容
澄清：
我使用的是，它是PyCharm & WebStorm的组合。
我已经有了格式规则，从我的ESLint到我的PyCharm。
My Problem：每当我自动格式化JSX代码时，ESLint就会抛出错误。
ESLint是如何想要它的：
PyCharm将其自动格式化为：
如何让PyCharm正确地格式化这个文件？
我不确定我需要在我的设置中更改什么，并且它没有通过使用Apply ESLint Code Style Rules设置选项来应用它们。
关于我的IDE的其他信息：
PyCharm 2018.2.4 (专业版)
建筑#PY-182.
浏览 0提问于2018-09-26得票数 0
回答已采纳
我设置了一个新的React项目，然后使用配置提示符安装了ESLint。我指定我的项目使用React和TypeScript。
对于一些样式警告，我会从TypeScript和ESLint获得重复的警告。如何才能使TypeScript和ESLint警告不重叠？我是否必须手动删除ESLint中的一些规则，还是有一个预先生成的.eslintrc配置文件来解决这个问题？
浏览 10提问于2022-04-21得票数 7
回答已采纳
这是令人困惑的，因为我用一个.eslintrc.js设置了一个项目，该项目可以很好地格式化，但是我无法让它在另一个非常类似的设置上工作。这是那个文件：
我有更漂亮的设置作为格式化程序，VSCode设置为在保存时设置格式。但在格式化时，它似乎使用了VSCode中更漂亮的设置页面中的规则，而不是eslintrc文件中的规则。结果是，它以一种方式格式化代码，然后抛出一个linting错误，因为它的格式化方式不遵循规则。我知道这是愚蠢的事情，但我不知道如何使它使用ESLint设置格式。
我是eslintrc.js
module.exports = {
env: {
browser
浏览 3提问于2021-03-28得票数 1
回答已采纳
有没有办法让ESLint保留这个：
if (
…
&& …
&& …
)
而不是这样：
if (
…
… &&
… &&
)
(我希望一开始就让操作员能够很容易地评论不同的情况)
ESLint配置：
module.exports = {
root: true,
parser: '@typescript-eslint/parser',
extends: ['eslint:recommended', 'plugin:@typescr
浏览 4提问于2022-09-22得票数 0
回答已采纳
我总是读到，更漂亮的是格式设置，而ESlint则用于突出显示线型错误，尽管ESlint也能够格式化。
然而，更漂亮的没有高级格式选项，比如在ESlint中可用的填充-行-语句。
使用settings.json (vscode设置)(参见页面底部)，它将使用eslint格式化，那么将editor.defaultFormatter设置为更漂亮的目的是什么？
我还可以看到，当.prettierc在这些设置中进行格式化时，也会使用更漂亮的规则( ESlint )。
ESlint是否扩展了：.eslintrc中更漂亮的选项使用.prettierrc中的设置，这就是为什么使用ESlint格式化读取.pre
浏览 6提问于2021-10-02得票数 0
我收到ESLint警告：
期望返回一个值art箭头函数的末尾(一致-返回)
errors.details.forEach((error) => {
const errorExists = find(errObj, (item) => { // <== ESLint warning
if (item && item.field === error.path && item.location === location) {
item.messages.push(error.message);
item.type
浏览 3提问于2017-05-14得票数 36
我使用的是WebStorm 2017.3和ESLint。
我想知道:是否有一种方法可以自定义ESLint错误突出显示，以便能够区分WebStorm的错误(没有结束括号)和ESLint‘错误’(应该在方括号之前有一个空格)？
目前，我无法区分ESLint的批判性排字和“建议”。
浏览 6提问于2017-12-12得票数 8
我想将规则添加到现有的格式化规则中
实际上，我使用的是一个包含以下内容的.vscode/settings.json文件
{
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
},
"eslint.validate": ["javascript"],
"vetur.useWorkspaceDependencies": true,
"vetur.validation.style": false,
"
浏览 4提问于2021-09-29得票数 1
我想禁用没有未使用的参数警告，但保留“未使用的vars”警告。 对于此代码： const Query = objectType({
name: 'Query',
definition(t) {
t.field('test', {
type: 'Test',
resolve: (root, args, ctx) => {
const x = 1
return { id: 1, time: new Date().toString() }
},
})
浏览 224提问于2020-09-25得票数 17
回答已采纳
<template>
<div class="d-flex flex-grow-1" onclick="console.log('testing...');" style="display: block;">
HOW CAN I LEAVE ME CODE LIKE THIS!!!!?
</div>
</template>
<template>
<div
class="d-flex flex-grow-
浏览 14提问于2020-06-15得票数 7
2回答
我在我的代码中有一些错误，我无法理解如何关闭，下面是一些例子：
正如您所看到的，有一个eslint(prettier/prettier)规则是不可理解的，我不知道如何关闭。这是我的更漂亮的配置：
埃斯林
module.exports = {
root: true,
extends: ['@react-native-community'],
parser: '@typescript-eslint/parser',
plugins: ['@typescript-eslint'],
overrides: [
浏览 10提问于2022-04-22得票数 0
我希望强制执行do显式声明代码中所有函数和方法的返回类型。
所以我设置了'@typescript-eslint/explicit-function-return-type': 'error'。但是并不总是工作：
这是好的，eslint抛出一个错误：
const obj = {
fn() { // <---- no return type, so "Missing return type on function" error
return 2;
}
};
这是不对的，eslint在这里没有看到任何问题：
const obj
浏览 17提问于2022-07-14得票数 1
回答已采纳
在一个新项目中，我安装了typescript、eslint、@typescript-eslint/parser、@typescipt-eslint/eslint-plugin。我还添加了以下.eslintrc文件：
{
"parser": "@typescript-eslint/parser",
"plugins": ["@typescript-eslint"]
}
以及以下tsconfig.json文件：
{
"compilerOptions": {
"strict": tru
浏览 3提问于2019-07-28得票数 9
回答已采纳
1回答
我在eslint中禁用时遇到问题。下面是我的eslint配置(对于玩具示例)：
module.exports = {
"env": {
"browser": true
},
"extends": "eslint:recommended",
"rules": {
"indent": [
"error",
4
],
"dot-notati
浏览 2提问于2017-09-12得票数 0
我们有严格的零排放政策。这意味着所有错误和警告都需要修复。
在我们的项目中，面对这一愚蠢的错误：
warning Unexpected any. Specify a different type @typescript-eslint/no-explicit-any
在Google和lint网站上搜索。我没有找到这样的解决办法！
尝试过：// eslint:@typescript-eslint/no-explicit-any: "off"不起作用
有没有人知道如何在React项目中绕过这个eslint规则？
浏览 15提问于2019-10-19得票数 41
1回答
今天早些时候，我让一个团队成员运行npm install，现在eslint希望标签使用驼峰大小写而不是破折号。这意味着每一个我们拥有<v-btn>或<v-tab>的地方都会变成<VBtn>或<VTab>。这似乎是因为对eslint-plugin-vue进行了更新，更改了vue/camelcase规则的默认值。 我在eslint规则中修复了这个问题，但我不确定其他设置可能会发生什么变化。显然，我们不希望当有人更新包时，整个存储库都会切换样式。我们如何冻结其他的皮棉设置呢？
浏览 18提问于2020-06-17得票数 0
1回答
module.exports = {
env: {
browser: true,
es6: true,
node: true,
},
extends: ['airbnb', 'prettier', 'eslint:recommended', 'plugin:prettier/recommended'],
// prettier/react 추가
parser: 'babel-eslint',
parserOptions: {
parser: 'bab
浏览 10提问于2022-03-28得票数 0
我用TypeScript 3.7和@typescript-eslint/parser和@typescript-eslint/eslint-plugin来做皮棉。
我正在尝试使用可选的链接语法，除了可选的调用之外，它还能正常工作。
const { hj } = window;
hj?.('formSubmitFailed'); // error
这给了我一个错误：eslint(no-unused-expressions)
有什么办法让它与可选的调用一起工作吗？
浏览 10提问于2020-02-10得票数 1
回答已采纳
来自ESLint：
可以禁用检查，以验证每个文件都有换行符。然而，似乎没有一条平等/相反的规则。如何确保我的文件在最后使用ESLint时没有换行符？这个是可能的吗？
浏览 4提问于2016-01-15得票数 2
回答已采纳
添加
"@typescript-eslint/strict-boolean-expressions": [
2,
{
"ignoreRhs": true,
"allow-boolean-or-undefined": true
}
],
"@typescript-eslint/strict-boolean-expressions“：规则eslintrc.json的配置无效：.eslintrc.json {"ignoreRhs":true，"allow-boole
浏览 4提问于2020-01-10得票数 1
在上，我怎样才能配置得更漂亮，这样它就不会改变换行方式？
此外，如何禁用特定的ESLint规则。例如，我想关闭react-hooks/rules-of-hooks规则。在我的eslintrc项目中，新创建的ES201x文件似乎被忽略了。
浏览 0提问于2019-01-07得票数 15
回答已采纳
我使用作为我选择的代码编辑器，我发现很难实现美化代码的功能。我在很大程度上依赖于包，只是让在保存时清理我的代码。问题是，一旦代码被美化，它会导致一些小的eslint错误，我正在寻找一种方法，要么以一种尊重eslint规则的方式设置美化插件，要么使用其他东西来完成这项工作。
浏览 0提问于2016-03-29得票数 14
1回答
查找角项目中无用的依赖项注入
、、、、
我尝试使用Eslint在我的角度/离子组件中找到无用的依赖项注入。
示例：
import { BasicDataService } from '../../providers/basic-data.service';
@Component({
selector: 'app-login',
templateUrl: './login.page.html',
styleUrls: ['./login.page.scss'],
})
export class LoginPage implements OnIni
浏览 0提问于2021-11-21得票数 0
回答已采纳
1回答
我正在使用ESLint来链接我在一个项目中的AWS代码。我得到了三个链接错误，我不知道如何使用配置文件关闭。
在这样的模块上：const {getUser} = require('opt/appsync/graphql/queries)；
我得到了这三个衬里错误：
但是，这是AWS文档上推荐的方法，用于引用代码将从中提取的lambda层。因此，我希望有一种方法来关闭这些错误，只针对我的lambda层，而不是整个代码库。我已经尝试了eslint-导入-解析器别名，但它似乎不起作用。我有什么选择？
这是我的.eslintrc.json文件：
{
"env": {
浏览 3提问于2022-04-12得票数 0
我已经关注了.eslintrc
{
"extends": "standard"
}
我的javascript文件中有以下代码
import React from 'react';
根据eslint，上面的代码行是错误的。它给出了以下抱怨。
"; Extra semicolon
如何在eslint中使用分号？
浏览 0提问于2016-11-07得票数 72
我想在RubyMine中通过Reformat Code命令修复ESLint错误和警告。
有一个类似的，但答案是使用Fix ESLint problems命令。(我希望始终使用相同的快捷键设置代码格式)
为了添加样式规则，我在nuxt项目中打开.eslintrc.js并运行Apply ESLint Code Style Rules命令，但它没有改变行为。
如何通过Reformat Code命令解决ESLint问题？
这是我的.eslintrc.js
module.exports = {
root: true,
env: {
browser: true,
node: tru
浏览 2提问于2019-12-09得票数 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
我想使用ignoreParameters选项设置为false的this rule。我的eslint是使用.eslintrc.json文件配置的，我无法找到如何在此文件中为规则设置选项。我已经查看了文档和谷歌，我查看了this question，但我找不到如何使用eslint和.eslintrc.json文件为规则设置选项的示例。 以下是我尝试添加此规则之前的.eslintrc.json文件(规则已应用，但使用默认选项，而不是我想要的选项)： {
"parser": "@typescript-eslint/parser",
"extends
浏览 153提问于2020-01-15得票数 1
回答已采纳
1回答
当我成功地运行( export PKG=eslint-config-airbnb; npm info "$PKG@latest" peerDependencies --json | command sed 's/[\{\},]//g ; s/: /@/g' | xargs npm install --save-dev "$PKG@latest" )时。eslint --init并在package.json中运行脚本。
信息:我的节点node v7.5.0 npm 4.1.2
下面有问题。
npm ERR! Darwin 15.6.0
np
浏览 0提问于2017-02-17得票数 5
当我通过运行Storybook.js对生成的代码进行更改时，我会得到这个错误。以下是我所遵循的指示
但是，因为我要将StorybookJS添加到现有的项目中，所以我运行的唯一命令是：
$ npx -p @storybook/cli@next sb init --story-format=csf-ts
$ yarn add @storybook/addon-docs@next --dev
运行yarn storybook会产生此错误。
ERROR in ./src/stories/0-Welcome.stories.tsx
Module Error (from ./node_modules/e
浏览 3提问于2019-12-31得票数 2
回答已采纳
我试图将eslint配置为使用eslint-config-react-app作为基础，并在此基础上指定一些特定的规则。其中一个规则是no-use-before-define，我在下面这个简单的示例中试用这个规则，以检查该规则是否正常工作：
const a = () => {
b();
};
const b = () => {};
a();
如果我像这样设置了我的.eslintrc.json，那么这个规则就会像预期的那样工作：
{
"parserOptions": {
"ecmaVersion": 2020
},
浏览 9提问于2021-01-31得票数 1
1回答
给定一个具有节点的package.json安装了eslint和一些插件的项目，我如何知道在哪里设置了特定的规则？
我看到一个规则正在应用(space-before-function-paren)，但我在项目中的任何.eslintrc文件中，或者在插件的文档中都找不到它。
此外，我正在使用一些扩展来处理VSCode，比如ESLint本身，这可能会在这里产生干扰，但我仍然不确定如何/在哪里检查应用该规则的哪个部分(尽管我认为这不太可能发生，因为如果代码与上述规则相冲突，npm run lint就会失败。
我正在发布package.json文件的相关部分：
{
// ...
"scr
浏览 1提问于2020-09-14得票数 13
回答已采纳
我的package.json
{
"name": "functions",
"description": "Cloud Functions for Firebase",
"scripts": {
"lint": "eslint .",
"serve": "firebase emulators:start --only functions",
"shell": "firebase funct
浏览 7提问于2022-06-06得票数 0
在JavaScript中，您可以使用Node或Attr这样的名称定义一个类。我认为这可能会导致混淆，因为还有一个具有相同名称的全局构造函数。我相信linting是ESLint的工作，但我不知道如何配置它来检测它。无论是no-shadow还是no-redeclare似乎都不适用于这种重新声明或隐藏。typescript-eslint也无法检测到它。 有没有一种方法可以防止全局类的阴影？ 编辑:使用{ builtinGlobals: true }的no-shadow不会有什么效果。它只适用于像Object或undefined这样的名称。
浏览 111提问于2021-02-04得票数 0
回答已采纳
1回答
,(逗号)和;(分号)在声明类型记录接口时都是有效的语法，例如，下面都是有效的
export interface IUser {
name: string;
email: string;
id: number;
}
export interface IUser {
name: string,
email: string,
id: number
}
以下是我的关注，因为它也是有效的。,和;的混合也能工作。
export interface IUser {
name: string;
email: string,
id: number;
}
现在，为了保持一致性
浏览 3提问于2020-12-21得票数 8
回答已采纳
在使用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
我通过找到了Typescript Analyzer扩展
但是，它只适用于.ts文件。我希望能够在.js文件上运行tslint，并让它在出现错误时中断构建。我也不能使用eslint来破坏我的构建。
通过命令行运行tslint可以按预期工作。
浏览 14提问于2018-07-26得票数 0
回答已采纳
下面是我尝试将 new-cap规则设置为接受"S"作为允许的函数名的尝试：
/*eslint new-cap : [capIsNewExceptions : ["S"]] */
var S = require("string");
var lines = S(text).lines(); // <-- ESLint still gives a warning for cap 'S'!
我的ESLint解析器(在IntelliJ中)继续给我new-cap警告，如前所述。
我已经试着仔细地应用了。
在中，我看到了一个类似于这样的
浏览 4提问于2015-06-19得票数 2
回答已采纳
如何将文件夹设置为.eslintrc.json文件中的链接，而不是在package.json中的eslint命令之后。
package.json (片段)
"scripts: {
"lint": "eslint ./src --ext .js,.jsx,.ts,.tsx",
}
我只想：
"scripts: {
"lint": "eslint",
}
并在.eslintrc.json中定义路径和ext。
Alternativ，将.eslintignore设置为忽略ALL，而不是./src。我只想把src文件
浏览 1提问于2020-05-11得票数 6
22回答
如何在用ESlint生成的项目中禁用vue-cli？
preLoaders: [
{
test: /\.vue$/,
loader: 'eslint',
include: projectRoot,
exclude: /node_modules/
},
{
test: /\.js$/,
loader: 'eslint',
include: projectRoot,
exclude: /node_modules/
}
]
如果删除loader: 'eslint'行，它将不
浏览 13提问于2016-08-04得票数 115
回答已采纳
2回答
削角严格的模板检查应显示错误
、、、、
最近，我们迁移到了一个新项目，其中包含了许多11+应用程序和库。我们为所有的应用程序设置了angularCompilerOptions.strictTemplates: true。
问题是我们有一个CI管道来检查格式并运行eslint，但是严格的模板检查错误在我们完成生产构建之前不会被标记。因此，我们必须在CI中构建所有受影响的应用程序，如果我们更改一个库组件，所有的应用程序都需要检查和构建。这可能需要几个小时。
是否有一种方法可以使eslint/tslint无需每次构建应用程序就可以检查任何严格的模板错误？
以下是我们的eslint.json：
{
"extends":
浏览 0提问于2021-10-22得票数 5
1回答
使用eslint，是否可以配置规则以防止源文件以换行符开头？
环顾四周，认为填充语句可能是答案，但它没有sof / eof选项：
浏览 1提问于2022-06-24得票数 1
回答已采纳
1回答
我在.eslintrc.js文件中找到了正确的行。无法在EsLint文档中找到有关禁用的任何内容。
我应该更改/删除错误吗？
我应该总是变假还是变假？
"semi": [
"error",
"always"
]
浏览 1提问于2017-11-25得票数 0
回答已采纳
5回答
最近，我开始使用Visual Studio Code作为我的编辑器，并发现了更漂亮的- JavaScript格式化程序。我认为这是一个很棒的插件，因为它让我的代码看起来很漂亮。
我设置了Airbnb的ESLint配置，发现它非常有用。
这就是问题所在。我目前正在运行的Airbnb ESLint配置在更漂亮的环境下运行得并不好。例如，对于JavaScript字符串，Prettier的格式设置为包含双刻度，Airbnb的ESLint类似于单刻度。当我使用Prettier格式化代码时，Airbnb的ESLint不同意。
我知道肯特·多兹在ESLint配置方面做了一些工作，其中包括
但我似乎找不到一种
浏览 2提问于2017-09-13得票数 40
在webstorm eslint设置中，有一个"extra eslint options“字段。在这篇文章中，我补充道：
--ext .ts
来自eslint ，它应该允许eslint在自定义文件扩展名上工作，在本例中是.ts文件。这不会做任何事情。我的语法是错的吗？无论如何，在.eslintrc文件中启用.ts文件的Eslint？
浏览 8提问于2016-04-28得票数 14
回答已采纳
1回答
我想在我的角v13项目中使用角。在他们的上写着。
为parserOptions配置解析器和ESLint。在这里，我使用一个.eslintrc.js文件进行配置：
然后，有一个片段。
const { join } = require("path");
module.exports = {
parser: "@typescript-eslint/parser",
parserOptions: {
ecmaVersion: 2019,
project: join(__dirname, "./tsconfig.json")
浏览 5提问于2022-02-27得票数 1
回答已采纳
下面是我的代码：
interface DeleteRecipeFunctionContext {
handleRecipeDelete: (id: string | number) => void;
}
const RecipeContext = createContext<DeleteRecipeFunctionContext>({
handleRecipeDelete: (id) => null, // eslint-disable-line no-unused-vars
});
createContext要求我传递一个默认函数，所以在传入实际函数之前，我
浏览 12提问于2021-12-24得票数 1
回答已采纳
我正在尝试转换为@typescript-eslint，但文档似乎非常缺乏。例如，我得到的错误如下： Line 58: Expected a semicolon @typescript-eslint/member-delimiter-style 我不想强制使用分号或逗号。我找到了该规则的文档。https://github.com/bradzacher/eslint-plugin-typescript/blob/master/docs/rules/member-delimiter-style.md 但是它似乎没有给出如何在真正的eslint文件中配置它的任何示例！有人知
浏览 60提问于2019-06-29得票数 10
回答已采纳
2回答
我正在修改旧的NodeJS代码，我想在开始修复其他代码之前清除所有的缩进问题。
如何将ESlint配置为仅显示和修复indent问题？
浏览 0提问于2018-08-06得票数 9
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
