node.js安装配置,node.js的安装教程
如何在Node.js项目中安装使用ESLint？本文介绍了在Node.js应用程序中使用ESLint的方法。
node.js速度课程简介：进入学习
[推荐研究：《nodejs 教程》]
ESLint是一个开源的JavaScript林挺实用程序，可以帮助我们规范代码，克服一些开发者意想不到的错误，因为JavaScript是一种弱类型语言。
Javascript社区中有很多规范化选项，比如JSHint和JSCS，用于代码林挺，包括今天的ESLint。
ESLint旨在使所有规则完全可插入。这是它出现的主要原因之一。它允许开发者创建他们自己的林挺规则。ESLint官方指南中提供的每个规则都是独立的规则，开发者可以随时决定是否使用某个特定的规则。
安装
用于项目目录的本地安装：
$ npm i eslint -D用于工作系统中的全局安装：
安装了$ npm i eslint -g之后，我们就可以通过终端中的ESLint命令来使用ESLint了。
配置
最简单的配置方法是设置。eslintrc JSON文件，其中可以描述所有林挺规则。
的一个例子。eslintrc:
{
环境:{
node: true，
浏览器:对
},
全局:{
“example global variable”:true
},
规则:{
“no-console”:0，
空格-中缀-ops :错误，
引号:[错误，单个，{
avoidEscape :真，
allowTemplateLiterals: true
}],
“块前空格”:[错误，总是]，
semi: [错误，从不]
},
插件“:[]”
}主要字段：
解析-指定解析器解析选项-指定解析器选项env指定脚本的运行环境根目录-为true时，停止在父目录中查找配置文件全局变量-脚本在执行期间访问的其他全局变量规则-在此添加您的自定义规则。如果eslint是全局安装的，我们也可以使用以下命令来生成配置文件：
$ eslint - init在其他情况下，如果您已经在本地将其安装到项目中，则需要输入：
$./node _ modules/。在这两种情况下，你都会被提示生成一组基本规则。eslintrc文件。
以上提示后生成的文件示例：
{
环境:{
browser: true，
commonjs: true，
“es2021”:真
},
扩展: eslint:推荐，
语法分析选项:{
“ECMA version”:12
},
规则:{
缩进:[
错误，
标签
],
换行符样式:[
错误，
视窗
],
引号:[
错误，
“单身”
],
semi: [
错误，
从来没有
]
}
}为了运行方便，我们可以在项目的package.json中的scripts字段添加以下脚本：
{
脚本:{
lint: eslint **/*。js ，
lint-html: eslint **/*。 js-f html-o ./reports/lint-results . html ，
lint-fix: eslint - fix **/*。js
}
}我们将此规则应用于以下文件：
var a=1；
console . log(1)；执行npm run lint后，将出现以下信息：
ESLint提示已经很明显了：3个错误。在第一行和第二行的末尾有额外的分号错误。分配了一个，但从未使用过。
并提示您使用- fix选项来修复错误和警告。有两个错误可以修复。现在，使用npm运行lint-fix来修复它，由您手动更改A的去留。
您还可以运行npm run lint-html命令，将检查结果写入web文件。
配置文件优先级
如果你按照上面的步骤一步一步来，你可能已经知道ESLint支持几种格式的配置文件。
现在有个问题，如果同个目录下有多个 ESLint 文件，它们会如何执行，优先级如何？。
我们的答案在ESLint源代码中给出，其优先级配置如下：
const configFilenames=[
eslintrc.js ，
eslintrc.yaml ，
eslintrc.yml ，
eslintrc.json 。 eslintrc ，
package.json
]
规则
ESLINT中的规则单独添加。默认情况下，不实施任何规则。在为林挺过程启用规则之前，必须明确指定规则。
决定要包含哪些规则后，必须设置这些错误级别。每个误差等级可以定义如下：
0—关闭规则，相当于off 1—打开规则作为警告，相当于warn 2—打开规则作为错误，相当于error。错误和警告的区别在于eslint完成时将拥有的退出代码。如果发现任何错误，eslint将以1退出代码退出，否则将以0退出。
如果您在生成步骤中使用lint，这允许您控制哪些规则应该是破坏您的生成，哪些规则应该被视为警告。
环境
您正在编写的代码可能适用于特定的环境。比如你可能正在用Express framework编写Node.js应用中的REST API，这个应用的前端会内置在Vue/React中。
两个不同的项目，两个不同的环境，所有这些都可以在一个文件中有单独的eslint配置，即使客户端和服务器位于被视为项目根的项目目录中。
它是如何完成的？
在的“env”部分将环境id设置为true。eslintrc。
ESLint CLI
ESLint附带用于Lint文件或目录的命令行界面(CLI)。
$ eslint index.js正如我们在前面的例子中看到的，运行命令后生成的输出会按文件分组，并且会指定每个错误的行：列警告/错误、错误原因和规则名称。
将 ESLint 与您喜欢的编码风格结合使用
ESLint个人不提倡任何编码风格。您可以设置。eslintrc文件使用您喜欢的样式规则来强制编码样式。
也可以使用ESLint搭配风格指南(比如Airbnb，JavaScript standard style)。
您还必须使用其他插件，例如：
Airbnb的插件eslint-config-airbnb-base。JavaScript标准样式ESLint-config-一些流行库的标准插件：Vue React
团队规范
AlloyTeam给出了React/Vue/TypeScript项目的渐进式ESLint配置(eslint-config-alloy)，下面贴出了一小部分React配置：
模块.导出={
语法分析选项：{
babelOptions: {
预设：[@babel/preset-react]，
},
},
插件：[react]，
规则：{
/**
*布尔类型的propTypes的名称必须以is或has开头。
* @reason type对TypeScript的相关约束
*/
react/boolean-prop-naming : off ，
/**
*按钮必须有类型属性。
*/
react/button-has-type: off ，
/**
* default props必须有相应的propTypes。
* @reason type对TypeScript的相关约束
*/
react/default-props-match-prop-types : off ，
/**
*道具、状态、语境必须分配解构。
*/
react/destructing-赋值: off ，
/**
*组件必须具有displayName属性。
* @reason不是强制写入displayName
*/
react/display-name: off ，
//.
}
}可以参考团队的一些配置，应用到自己的项目中。
有关编程的更多信息，请访问：编程入门！以上就是Node.js项目中如何安装使用ESLint的细节。更多请关注我们的其他相关文章！
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。