配置啥的真的挺煩的, 寫篇文章供大家參考
首發(fā)網(wǎng)址: http://szhshp.org
最后更新： 2018-03-09
ESLint
很有名的一款JS代碼規(guī)范檢查用的插件
安裝
首先需要npm, 這個(gè)沒(méi)有外部·executable program·的結(jié)合是無(wú)法使用的
安裝eslint, 建議全局安裝, 省去一些不必要的麻煩:
npm install -g eslint
安裝完成后測(cè)試一下:
eslint -v
Linter的使用必須要配置文件, 我們可以在根目錄創(chuàng)建一個(gè)新的配置文件, 跟著指導(dǎo)一步一步操作即可
eslint --init
然后可以對(duì)某JS文件進(jìn)行測(cè)試, 看到正確輸出的錯(cuò)誤信息, 基本上就可以了。
eslint posts.js
G:\Dev\GitRepos\Coding\szhshp-subsites\source\src\templates\posts.js
1:8 error 'React' is defined but never used no-unused-vars
4:1 error Expected indentation of 4 spaces but found 2 indent
4:35 error Missing semicolon semi
6:1 error Expected indentation of 4 spaces but found 2 indent
7:1 error Expected indentation of 8 spaces but found 4 indent
8:1 error Expected indentation of 12 spaces but found 6 indent
9:1 error Expected indentation of 16 spaces but found 8 indent
10:1 error Expected indentation of 12 spaces but found 6 indent
11:1 error Expected indentation of 12 spaces but found 6 indent
12:1 error Expected indentation of 16 spaces but found 8 indent
13:1 error Expected indentation of 12 spaces but found 6 indent
14:1 error Expected indentation of 8 spaces but found 4 indent
15:1 error Expected indentation of 4 spaces but found 2 indent
15:4 error Missing semicolon semi
16:2 error Missing semicolon semi
18:22 error 'graphql' is not defined no-undef
27:2 error Missing semicolon semi
? 17 problems (17 errors, 0 warnings)
15 errors, 0 warnings potentially fixable with the `--fix` option.
SublimeLinter
比較煩的是Sublime Text 方面的配置
這里用的是ST 3.0版本
首先下載兩個(gè)Package:
- SublimeLinter
- SublimeLinter-eslint
Sublime 端配置
// SublimeLinter Settings - User
{
"debug": false,
"paths": {
"linux": [],
"osx": [],
"windows": "D:\\Tools_For_Work\\NodeJS\\node_global\\node_modules\\eslint"
},
"syntax_map": {
"html (django)": "html",
"html (rails)": "html",
"html 5": "html",
"javascript (babel)": "javascript",
"magicpython": "python",
"php": "html",
"python django": "python",
"pythonimproved": "python"
}
}
最重要的是paths這個(gè)參數(shù), 需要設(shè)置到全局的eslint的module的路徑, 而且注意斜杠要進(jìn)行轉(zhuǎn)義
另外有一些格式可以進(jìn)行配置, 即使用syntax_map參數(shù)進(jìn)行配置, 這個(gè)非必須用默認(rèn)的, 已經(jīng)有很多功能了
