在sublime中實現(xiàn)代碼檢測

下面由sublime使用教程欄目給大家介紹如何在sublime中實現(xiàn)代碼檢測,希望對需要的朋友有所幫助!

在sublime中實現(xiàn)代碼檢測

在sublime中配置linter, eslint

sublime插件安裝

打開pci,安裝sublimeLinter

進入到,對path進行配置:

● 配置node的基本位置:/usr/local/bin/node, /usr/local/bin

●?配置node_modules的基本位置:/usr/local/lib/node_modules

●?配置其他各項插件的位置:如eslint: /usr/local/bin/eslint

示例代碼如下:

"paths":?{ ??"linux":?[], ??"osx":?[ ??????"/usr/local/bin/node", ??????"/usr/local/lib/node_modules", ??????"/usr/local/bin/eslint", ??????"/usr/local/bin/jslint" ??], ??"windows":?[] }

安裝插件(以eslint為例):

安裝eslint的npm插件,包括:

●?sudo npm i eslint babel-eslint -g

●?將所安裝的工具的路徑放到的path中,即:/usr/local/bin/eslint

●?在項目中配置.eslintrc文件,類似:(每個項目都需要配置)

●?當中包括非常多的依賴,可以在項目中輸入eslint .,然后根據(jù)提示對缺少的依賴進行sudo npm i -g ***

然后就可以愉快的使用啦!

可以通過右鍵進入到sublimelinter來調用其功能。

.eslintrc文件示例

{ ????"env":?{ ????????"browser":?true, ????????"node":?true, ????????"es6":?true ????}, ????"parser":?"babel-eslint", ????"extends"?:?[ ??????"airbnb" ????], ????"plugins":?[ ??????"babel", ??????"promise" ????], ????"ecmaFeatures":?{ ???????"jsx":?true ????}, ????"rules":?{ ????????"semi":?[2,?"always"], ????????"quotes":?[2,?"single"] ????} }

最后

展示一下配置完成后的sublimelinter-user.settings:

{ ????"user":?{ ????????"debug":?true, ????????"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":?[], ????????????????"ecmaFeatures":?{ ????????????????????"jsx":?true ????????????????}, ????????????????"env":?{ ????????????????????"browser":?true, ????????????????????"es6":?true, ????????????????????"node":?true ????????????????}, ????????????????"excludes":?[], ????????????????"extends":?[ ????????????????????"standard" ????????????????], ????????????????"parser":?"babel-eslint", ????????????????"plugins":?[ ????????????????????"babel", ????????????????????"promise" ????????????????], ????????????????"rules":?{ ????????????????????"quotes":?[ ????????????????????????2, ????????????????????????"single" ????????????????????], ????????????????????"semi":?[ ????????????????????????2, ????????????????????????"always" ????????????????????] ????????????????} ????????????}, ????????????"jsxhint":?{ ????????????????"@disable":?false, ????????????????"args":?[], ????????????????"excludes":?[] ????????????} ????????}, ????????"mark_style":?"stippled?underline", ????????"no_column_highlights_line":?false, ????????"passive_warnings":?false, ????????"paths":?{ ????????????"linux":?[], ????????????"osx":?[ ????????????????"/usr/local/bin/node", ????????????????"/usr/local/lib/node_modules", ????????????????"/usr/local/bin/eslint" ????????????], ????????????"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 ????} }

以上就是在

? 版權聲明
THE END
喜歡就支持一下吧
點贊9 分享