eslint
ESLint 是一個有效的代碼質量控制工具，它可以根據預先制定的代碼規范來避免低級代碼錯誤的出現，以及保證代碼樣式風格的統一。下面由sublime使用教程欄目為大家介紹sublime text 中配置 ESLint的方法。
安裝
你可以使用 npm 來安裝 ESLint:
npm?install?eslint?-g
用法
如果你首次使用 ESLint，那么你需要先設置一個配置文件，你可以在項目根目錄下使用 –init 選項來生成:
eslint?--init
如果項目根目錄下沒有 package.json 文件，它會提示你先使用 npm init 來初始化一個 package.json 文件。
eslint –init 會提示你選擇使用的代碼樣式，你可以根據需求進行選擇，這里推薦如下選擇：
Use?a?popular?style?guide Standard JavaScript
在這個過程中 eslint 會自主的進行 npm install 操作來安裝相關依賴，在安裝完成之后請注意是否有 UNMET PEER DEPENDENCY 項的依賴，這表示 NPM 無法自動的進行這個依賴的安裝，你需要手動的去進行安裝：
#?├──?UNMET?PEER?DEPENDENCY?eslint-plugin-promise@^1.0.8 npm?install?eslint-plugin-promise?--save-dev
集成 Sublime Text
在 Sublime Text 中你需要安裝兩個插件：
SublimeLinter SublimeLinter-contrib-eslint
然后通過 Preferences->Package Settings->SublimeLinter->Settings – User 進行集成：
{ ????"user":?{ ????????"debug":?true,?#?開啟?debug?選項 ????????"delay":?0.25, ????????"error_color":?"D02000", ????????"gutter_theme":?"Packages/SublimeLinter/gutter-themes/Default/Default.gutter-theme", ????????"gutter_theme_excludes":?[], ????????"lint_mode":?"background", ????????"linters":?{ ????????????"eslint":?{ ????????????????"@disable":?false, ????????????????"args":?[], ????????????????"excludes":?[] ????????????}, ????????????"jshint":?{ ????????????????"@disable":?false, ????????????????"args":?[], ????????????????"excludes":?[] ????????????}, ????????????"php":?{ ????????????????"@disable":?false, ????????????????"args":?[], ????????????????"excludes":?[] ????????????} ????????}, ????????"mark_style":?"outline", ????????"no_column_highlights_line":?false, ????????"passive_warnings":?false, ????????"paths":?{ ????????????"linux":?[], ????????????"osx":?[ ????????????????"/Users/wang/.nvm/versions/node/v5.0.0/bin"?#?設置?node?路徑 ????????????], ????????????"windows":?[] ????????}, ????????"python_paths":?{ ????????????"linux":?[], ????????????"osx":?[], ????????????"windows":?[] ????????}, ????????"rc_search_limit":?3, ????????"shell_timeout":?10, ????????"show_errors_on_save":?false, ????????"show_marks_in_minimap":?true, ????????"syntax_map":?{ ????????????"html?(django)":?"html", ????????????"html?(rails)":?"html", ????????????"html?5":?"html", ????????????"javascript?(babel)":?"javascript", ????????????"magicpython":?"python", ????????????"php":?"html", ????????????"python?django":?"python", ????????????"pythonimproved":?"python" ????????}, ????????"warning_color":?"DDB700", ????????"wrap_find":?true ????} }
到這里，集成完成，如果你項目中的 JavaScript 代碼風格不符合 JavaScript Standard Style 的話，Sublime Text 會給出異常提示。
? 版權聲明
文章版權歸作者所有，未經允許請勿轉載。
THE END
