詳解sublime text3 eslint 安裝

下面由sublime教學欄位給大家詳解sublime text3 eslint 安裝，希望對需要的朋友有幫助！

準備工作：

1. sublime text3 編輯器 
2. node環境得支援 
3. ESlint規格 

開始安裝

以上都安裝完畢的時候，那麼進行安裝全域的eslint

sudo npm install eslint -g

如果你是第一次安裝或使用eslint的話，您可以在專案中初始化一個eslint檔案

eslint --init

如果專案根目錄下沒有package.json 文件，它會提示你先使用npm init 來初始化一個package.json 檔案。

配置sublime text3

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

• SublimeLinter 是一個程式碼檢查框架插件，功能非常強大，支援各種語言的檢查。但是它本身並沒有程式碼檢查的功能，需要藉助 ESLint 這樣的特定語言檢查支援。
• SublimeLinter-eslint 我們安裝使用對應的 SublimeLinter-contrib-eslint 插件可以幫助我們使用eslint
• Babel  babel這個還是需要安裝的，不管是編譯檔案還是打包都要用的。

設定完成

如果你安裝的沒有錯誤的話，那麼大概就是這個樣子的！ sublime 編輯器會有一個高亮的提示您符不符合eslint的程式碼風格。

筆者要說

根據本人的安裝經驗來看，網路上有很多的安裝方法都是讓你安裝的 SublimeLinter 和SublimeLinter-contrib-eslint 這兩個外掛程式但是在sublime 中是沒有SublimeLinter-contrib-eslint 外掛的，還是仔細要看安裝的應該是SublimeLinter-eslint，在sublime其實還有一個外掛程式名稱就是：eslint 當你右鍵點擊你的檔案目錄的時候會驗證，但你在全域npm了eslint 還是會告訴你找不到eslint的模組，雖然不知道怎麼回事，但好像不妨礙我檢驗文件的規範，也希望之後的時間會找到答案。

以上是詳解sublime text3 eslint 安裝的詳細內容。更多資訊請關注PHP中文網其他相關文章！