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

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

posted @ 2018-07-30 16:01 swallowblank 阅读( ...) 评论( ...) 编辑 收藏