sublime text3 eslint 安裝教程

準備工做：

1. sublime text3 編輯器 sublime text3安裝走起
2. node環境得支持 node安裝走起
3. ESlint規範 ESlint配置詳細說明

開始安裝

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

sudo npm install eslint -g

若是你是首次安裝或者使用eslint的話，您能夠在項目中初始化一個eslint文件

eslint --init

若是項目根目錄下沒有 package.json 文件，它會提示你先使用 npm init 來初始化一個 package.json 文件。

配置sublime text3

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

• Sublime​Linter 是一個代碼檢查框架插件，功能很是強大，支持各類語言的檢查。可是它自己並無代碼檢查的功能，須要藉助 ESLint 這樣的特定語言檢查支持。
• Sublime​Linter-eslint 咱們安裝使用對應的 Sublime​Linter-contrib-eslint 插件能夠幫助咱們使用eslint
• Babel babel這個仍是須要安裝的，無論是編譯文件仍是打包都要用的。

配置完成

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

參考資料

Sublime Text 中配置 Eslint 代碼檢查和自動修復
Sublime Text 3 配置 ESLint 代碼檢查
Sublime Text 中配置 ESLint

筆者要說

根據本人的安裝經驗來看，網上有不少的安裝方法都是讓你安裝的 Sublime​Linter 和 SublimeLinter-contrib-eslint 這兩個插件可是在sublime 中是沒有SublimeLinter-contrib-eslint 插件的，仍是要看仔細安裝的應該是Sublime​Linter-eslint，在sublime中其實還有一個插件名字就是：eslint 當你右擊你的文件目錄的時候會驗證，可是你在全局npm了eslint 仍是會告訴你找不到eslint的模塊，雖然不知道怎麼回事，可是好像不妨礙我檢驗文件的規範，也但願以後的時間會找到答案。