下面由sublime教程欄目給大家詳解sublime text3 eslint 安裝,希望對需要的朋友有所幫助!
準(zhǔn)備工作:
- sublime text3 編輯器
- node環(huán)境得支持
- ESlint規(guī)范
開始安裝
以上都安裝完畢的時候,那么進行安裝全局的eslint
sudo npm install eslint -g
如果你是首次安裝或者使用eslint的話,您可以在項目中初始化一個eslint文件
eslint --init
如果項目根目錄下沒有 package.json 文件,它會提示你先使用 npm init 來初始化一個 package.json 文件。
配置sublime text3
sublime text2編輯器是不支持下面的插件的~
- SublimeLinter 是一個代碼檢查框架插件,功能非常強大,支持各種語言的檢查。但是它本身并沒有代碼檢查的功能,需要借助 ESLint 這樣的特定語言檢查支持。
- SublimeLinter-eslint 我們安裝使用對應(yīng)的 SublimeLinter-contrib-eslint 插件可以幫助我們使用eslint
- Babel babel這個還是需要安裝的,不管是編譯文件還是打包都要用的。
配置完成
如果你安裝的沒有錯誤的話,那么大概就是這個樣子的!sublime 編輯器會有一個高亮的提示您符不符合eslint的代碼風(fēng)格。
筆者要說
根據(jù)本人的安裝經(jīng)驗來看,網(wǎng)上有很多的安裝方法都是讓你安裝的 SublimeLinter 和 SublimeLinter-contrib-eslint 這兩個插件但是在sublime 中是沒有SublimeLinter-contrib-eslint 插件的,還是要看仔細(xì)安裝的應(yīng)該是SublimeLinter-eslint,在sublime中其實還有一個插件名字就是:eslint 當(dāng)你右擊你的文件目錄的時候會驗證,但是你在全局npm了eslint 還是會告訴你找不到eslint的模塊,雖然不知道怎么回事,但是好像不妨礙我檢驗文件的規(guī)范,也希望之后的時間會找到答案。