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也可以進行檢查了