1)安装ESlint,这里我说一下全局安装,一会我会说我为什么不局部安装。

npm install eslint -g

2)创建一个你的项目文件夹,随便起个名字吧,并初始化

cd myapp
npm init -y

3)在myapp下创建index.js并胡乱写段代码

console.log(foo);

4)在myapp下用全局安装好的eslint初始化一个配置文件

eslint --init

然后会有一堆问题,你选一选,就会在根目录生成一个.eslintrc.js文件,里面是一些配置信息,一般我们可以用eslint的推荐配置"extends": "eslint:recommended"

http://eslint.cn/docs/rules/这是规则的官方文档

module.exports = {
"env": {
"browser": true,
},
"extends": "eslint:recommended",
"rules": {
"no-console": 0,
"indent": ["error", 4],
"quotes": ["error", "single"],
"semi": 1,
"no-extra-parens": 2,
}
};

然后在根目录下执行命令就会看到提示信息了。

eslint index.js

这里我要说为什么不进行局部安装了,说这是一个坑不如说是一个我没有解决的问题——如果在这里局部安装会在根目录创建一个node_modules文件夹,里面会塞满乱起八糟的文件,比如我们安装vue,那么只会在node_modules文件夹下生成一个vue文件夹,然后里面才是子目录和文件,我不知道eslint为什么会把一大堆文件、文件夹直接塞到node_modules文件夹下。而且,局部安装好了以后,你在根目录下执行命令eslint --init,它会直接提示eslint这个命令不存在,我也是没搞懂,看官网说是要进入node_modules下的.bin文件夹下再eslint --init,好的然后我在.bin文件夹下生成了一个.eslintrc.js文件,这有个毛用?在根目录下还不是执行不了eslint index.js,迷得一比。

如果是我自己想错了,希望大佬能告诉我。

5)最后,可以吧package.json中的script进行修改

"scripts": {
"test": "eslint ./*.js"
},

这样以后直接npm run test也可以进行检查了

news!之前是我太蠢了,我知道怎么用了,有时间更新

利用ESLINT进行js 语法检查,以及局部安装时遇到的一些坑的更多相关文章

  1. webpack 之 js语法检查eslint

    webpack 之 js语法检查eslint // 用来拼接绝对路径的方法 const {resolve} = require('path') const HtmlWebpackPlugin = re ...

  2. 【坑】js语法中一些小细节 不注意也出坑 随笔记下 留待后查

    1.switch case内 区分数字 与 字符 ',bl; switch(+lv){ :bl = 1.7;break; :bl = 1.55;break; :bl = 1.4;break; ; } ...

  3. emacs配置eslint 语法检查.找不到node解决

    使用emacs配置eslint 当调用语法检查时报错 Suspicious state from syntax checker javascript-eslint: Checker javascrip ...

  4. SublimeLinter js和css的语法检查

    JavaScript 语法检查 SublimeLinter-jshint 是基于 nodeJS 下的 jshint 的插件,实际上 SublimeLinter-jshint 调用了 nodeJS 中 ...

  5. vue-cli脚手架构建了项目如何去除Eslint验证(语法格式验证)

    Eslint是一个语法检查工具,但是限制很严格,在vue文件里面很多空格都会导致红线,取消的方式如下: 1.创建工程的时候,提示是否启用eslint检测的. Use ESLint to lint yo ...

  6. golang使用vet进行语法检查

    go tool vet是你的好朋友,不要忽视它. vet是一个优雅的工具,每个Go开发者都要知道并会使用它.它会做代码静态检查发现可能的bug或者可疑的构造.vet是Go tool套件的一部分,我们会 ...

  7. JS代码检查工具ESLint

    前面的话 ESLint是一个JavaScript代码静态检查工具,可以检查JavaScript的语法错误,提示潜在的bug,可以有效提高代码质量,维持前端团队高度一致的编码风格.ESLint不但提供一 ...

  8. 利用 ESLint 检查代码质量

    原文发表于作者的个人博客:http://morning.work/page/maintainable-nodejs/getting-started-with-eslint.html 其实很早的时候就想 ...

  9. 利用ESLint检查代码质量

    1. ESLint ESLint 是一个插件化的 javascript 代码检测工具,它可以用于检查常见的 JavaScript 代码错误,也可以进行代码风格检查,这样我们就可以根据自己的喜好指定一套 ...

随机推荐

  1. Netty学习笔记(六) 简单的聊天室功能之WebSocket客户端开发实例

    在之前的Netty相关学习笔记中,学习了如何去实现聊天室的服务段,这里我们来实现聊天室的客户端,聊天室的客户端使用的是Html5和WebSocket实现,下面我们继续学习. 创建客户端 接着第五个笔记 ...

  2. 关于测试:JUnit4课程

    JUnit4课程 JUnit4快速入门 测试实践 1.导入jar(右键Build Path --> Add Libraries --> Junit --> Junit4) 2.新建测 ...

  3. JSON.Net 自定义Json序列化时间格式

    JSON.Net 自定义Json序列化时间格式 Intro 和 JAVA 项目组对接,他们的接口返回的数据是一个json字符串,里面的时间有的是Unix时间戳,有的是string类型,有的还是空,默认 ...

  4. 一幅图,看懂中国CMMI

    以下数据由Fancier凡奉信息根据历年CMMI Institute公布的CMMI评估结果的汇总整理.数据跨度2008-2017年,包含对中国CMMI与全球CMMI的不同等级.版本的统计.

  5. 关于sqlserver字符类型查询条件区分大小写

    在写sql的查询时 如下: select * from Users where username='WangE' select * from Users where username='wange' ...

  6. Mysql中联合索引的最左匹配原则

    在Mysql建立多列索引(联合索引)有最左前缀的原则,即最左优先. 如果我们建立了一个2列的联合索引(col1,col2),实际上已经建立了两个联合索引(col1).(col1,col2); 如果有一 ...

  7. tomcat设置开机启动

    一.windows 1. 下载tomcat 2. 进入bin目录,查看是否存在service.dat,如果没有自行创建 3. 打开cmd,进入tomcat>bin目录 说明:用法: servic ...

  8. 闭包函数&回调函数

    闭包函数&回调函数 谈到回调函数,不得不提匿名函数;匿名函数,也叫闭包函数,也就是没有名字的函数,它可以单独存在,也可以将其赋值给某一个变量.so,先来看一下闭包函数. 闭包函数 php文档: ...

  9. sqlalchemy外键的一些东西

    sqlalchemy中让MySQL支持中文字符 engine = create_engine("mysql+pymysql://root:mysql8@localhost/mysqltest ...

  10. 无post按钮提交表单

    <form id="form1" name="form" action="url" method="GET"> ...