ESLint的使用

摘要:
详细规则可在官方网站上查看;我已经根据官方网站的推荐规则和通常的编码要求定义了一个规则;安装方法:编辑器中使用npminstall geslnt config hl。1.在packagecontrol中,首先安装SublimeLinter,然后安装Sublime Linter控制器;2.自定义规则。将eslintrc文件放在项目目录中。使用“我的规则”,可以创建新文件。eslintrc公司。js:moduleexports={extend:'hl',};安装完成后,如下图所示,您可以在编辑器的工具-˃SublimeLinter中看到常用的操作菜单。

  ESLint是在ECMAScript/JavaScript代码中识别和报告模式匹配的工具,它的目标是保证代码的一致性和避免错误。在许多方面,它和JSLint、JSHint相似,除了少数的例外:
  ESLint使用Espree解析;
  ESLint使用AST去分析代码中的模式;
  ESLint是完全插件化的,每一个规则都是一个插件并且你可以在运行时添加更多的规则。

如何使用
  1. 安装
    npm install -g eslint

  2. 在项目目录下新建.eslintrc文件,自定义规则。
    详细规则可在官网查看;
    我基于官网的推荐规则以及平时的编码需求自己定义了一份规则
    安装方法:
      npm install -g eslint-config-hl

在编辑器中使用(以Sublime为例)

  1. 在package control中,先安装在SublimeLinter,再安装SublimeLinter-contrib-eslint;
  2. 将自定义规则的.eslintrc文件放在项目目录下,即可。

  使用我的规则,可在项目根目录下新建文件.eslintrc.js:

module.exports = {
  extends: 'hl',
};

   安装好以后,如下图就可以在编辑器的Tools -> SublimeLinter 中看到常用的操作菜单。
  ESLint的使用第1张             

免责声明:文章转载自《ESLint的使用》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Oracle 删除数据后释放数据文件所占磁盘空间如何避免亚稳态下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

初学vue出现空格警告的原因及其解决办法

初学vue自己新建一个vue项目来做学习demo。不过在编写代码时一直出现空格不规范的警告。严重影响初学者的热情。错误如下图所示。(这样的错误很多,但大概翻译成中文的意思都是说空格使用不规范。) 这是因为你使用 ESLint,用来规范代码风格的。你的 Webpack 配置中大概是使用了 eslint-loader。在多人协作或大项目中推荐使用,不想要就在 ...

VS Code中Vetur与prettier、ESLint联合使用

一、vue语法高亮1.1 安装Vetur 1. 创建.vue文件, 写些代码, 发现一片漆黑 2. 安装激活vetur插件, 代码就有高亮了. 右键菜单还会变多一些, 主要多了个格式化文档.   这里配置了多个格式化的,所以会有多个。 看下vetur的特性: 语法高亮, 代码片段(emmet给我的感觉是一个写好了的snippet), 质量提示&...

Nuxt项目中通过ESlint命令行修复格式问题

在package.json文件中,往往会有个类似于 "lint": "eslint --ext .js,.vue --ignore-path .gitignore .", 这样的代码,我们只需要在些基础上添加--fix即可,即: "lint-fix": "eslint --fix --ext .js,.vue --ignore-path .gitignor...

eslint使用

vscode配置 需安装eslint和vetur两个插件 原因: 装eslint并配置:编辑时就可提示报错信息,保存可自动修复 vetur:会有一些vue语法提示 配置eslint 1.文件=》首选项=》设置 2.在settings.json中添加 也可在项目跟目录添加.vscode文件,里头添加settings.json,内容为: { // 每次保存...

git commit 关闭eslint校验

vue项目中带eslint校验,在提交代码时遇到报错。虽然这样写起来项目很规范,有时候觉得很烦。需要关闭git提交时校验 在项目里面新建.eslintignore文件,在里面忽略就行,例如忽略src文件 项目目录: 忽略代码: 这样就能重新提交代码啦!...

react 使用 eslint 的三种代码检查方案总结,多了解点--让代码更完美....

  1、介绍     ESLint 是一个可扩展,每条规则独立,被设计为完全可配置的lint工具。     可以用来检测代码,避免低级错误     可以用来规范代码的开发风格,统一代码习惯。 2、为什么使用 ESLint ?     统一代码规范 :     在开发中,可能会遇到很多不同的同事同时开发一个项目 ,或者在工作的调整中,会有接手一个项目,  ...