詳解sublime text3 eslint 安裝

下面由sublime教程欄目給大家詳解sublime text3 eslint 安裝，希望對(duì)需要的朋友有所幫助！

準(zhǔn)備工作：

1. sublime text3 編輯器?
2. node環(huán)境得支持?
3. ESlint規(guī)范?

開(kāi)始安裝

以上都安裝完畢的時(shí)候，那么進(jìn)行安裝全局的eslint

sudo npm install eslint -g

如果你是首次安裝或者使用eslint的話，您可以在項(xiàng)目中初始化一個(gè)eslint文件

eslint --init

如果項(xiàng)目根目錄下沒(méi)有 package.json 文件，它會(huì)提示你先使用 npm init 來(lái)初始化一個(gè) package.json 文件。

配置sublime text3

sublime text2編輯器是不支持下面的插件的~

• SublimeLinter 是一個(gè)代碼檢查框架插件，功能非常強(qiáng)大，支持各種語(yǔ)言的檢查。但是它本身并沒(méi)有代碼檢查的功能，需要借助 ESLint 這樣的特定語(yǔ)言檢查支持。
• SublimeLinter-eslint 我們安裝使用對(duì)應(yīng)的 SublimeLinter-contrib-eslint 插件可以幫助我們使用eslint
• Babel ?babel這個(gè)還是需要安裝的，不管是編譯文件還是打包都要用的。

配置完成

如果你安裝的沒(méi)有錯(cuò)誤的話，那么大概就是這個(gè)樣子的！sublime 編輯器會(huì)有一個(gè)高亮的提示您符不符合eslint的代碼風(fēng)格。

筆者要說(shuō)

根據(jù)本人的安裝經(jīng)驗(yàn)來(lái)看，網(wǎng)上有很多的安裝方法都是讓你安裝的 SublimeLinter 和 SublimeLinter-contrib-eslint 這兩個(gè)插件但是在sublime 中是沒(méi)有SublimeLinter-contrib-eslint 插件的，還是要看仔細(xì)安裝的應(yīng)該是SublimeLinter-eslint，在sublime中其實(shí)還有一個(gè)插件名字就是：eslint 當(dāng)你右擊你的文件目錄的時(shí)候會(huì)驗(yàn)證，但是你在全局npm了eslint 還是會(huì)告訴你找不到eslint的模塊，雖然不知道怎么回事，但是好像不妨礙我檢驗(yàn)文件的規(guī)范，也希望之后的時(shí)間會(huì)找到答案。