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

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!之前是我太蠢了,我知道怎么用了,有时间更新

上一篇:cf592d


下一篇:python3-基础8