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