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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM