美文网首页eslint
ESLint - 入门

ESLint - 入门

作者: 前往悬崖下寻宝的神三算 | 来源:发表于2019-10-12 14:54 被阅读0次

更新于 2019年10月12日14:53:46

eslint作用在于

  • 统一代码风格
  • 检查低级的代码错误

准备工作


安装

全局本地都安装

npm install eslint -g // 全局(方便运行命令)
npm install eslint -D // 本地 

初始化

调用下面命令,引导创建一个.eslintrc.js配置文件(也可手动创建)

eslint --init

使用


eslint使用方式多种

  • 命令行独立使用
  • 集成于webpck
  • 集成于vscode

也可以支持其他语法的检查

  • react
  • vue
  • ts

命令行

语法:

eslint [options] [file|*]

示例:

创建一个js文件

// test.js
var cc = 1;

进行eslint校验

eslint test.js

集成于vscode

好处是:即时检查、提示、保存时自动修复一些代码

即时检查:
vscode安装eslint插件即可,会读取项目下的eslint配置文件(当然也需要先安装好相应的依赖)

自动修复:
eslint本身也可以开启格式化,但是不如 prettier 强大,使用prettier代替

相关文章

  • ESLint - 入门

    更新于 2019年10月12日14:53:46 eslint作用在于 统一代码风格 检查低级的代码错误 准备工作 ...

  • eslint 入门

    安装 初始化 检测 配置 注释配置 文件配置 配置项 extends: [ ... ] 继承已有预设规则 ext...

  • 0、代码规范

    eslint 入门教程报错详解官方报错详解 vscode 编辑器无需挨个手动调整错误,保存文件自动根据eslint...

  • ESLint入门指南

    ESLint 是一个插件化的 javascript 代码检测工具,它可以用于检查常见的 JavaScript 代码...

  • EsLint入门学习整理

    EsLint入门学习整理 这两天因为公司要求,就对ESLint进行了初步的了解,网上的内容基本上都差不多,但是内容...

  • Eslint 超简单入门

    两个月之前在项目中就开始使用 Eslint ,当时直接 copy 别人的 .eslintrc.js 文件,感觉好复...

  • webpack eslint loader 所需依赖

    eslint :必不可收 eslint-loader : webpack的eslint loader eslint...

  • 安装并使用ESlint

    ESlint文档 eslint文档 推荐全局安装ESlint sudo npm install eslint -g...

  • 关于React Native的Eslint配置

    所需NPM依赖: eslint babel-eslint eslint-plugin-react eslint-p...

  • Eslint设置

    eslint babel-eslint 要装一起 npm install eslint babel-eslint ...

网友评论

    本文标题:ESLint - 入门

    本文链接:https://www.haomeiwen.com/subject/qouiyctx.html