如何使Airbnb的JavaScript样式eslint指南与React，ES6一起在vim中工作？

Question

我对vim相当陌生，并用vim作为编辑器开始了一个新的javascript项目（目前也在学习中）。

我发现有一些由Airbnb ， Google和其他提供的样式指南和棉绒的预设。 我还发现我可以使用syntastic vim插件，该插件可以帮助我在vim中启用linting和样式检查。

但是我不知道如何在vim中链接这些东西？ 我需要创建哪些配置文件，以及如何在Syntastic vim插件中启用这些功能？ 我也想在文件保存功能上启用jscs自动修复。

编辑：我也使用与es6反应。

任何基本或详细的指导，实现相同的教程链接都将有所帮助。

谢谢

Answer 1

在你的主目录创建（或编辑）命名的文件.vimrc ，你可以告诉使用由该行添加到您的syntastic其中棉短绒.vimrc

let g:syntastic_javascript_checkers = ['jscs']

至于在写时自动修复代码，请参见以下问题的答案： 如何将jscs自动修复功能集成到vim中？

---

建议/更新

JSCS现在与ESlint合并，因此您最终应该切换短绒，您可以在.vimrc编辑该行以使用'eslint'代替； 您可以使用.eslintrc文件或eslint的配置文档中详细介绍的其他几个选项来配置eslint，以使其了解es6 / react东西，目前，我已经将.vimrc设置为在不同情况下使用不同的linters：

if has("autocmd")
    " use google/jshint for js "
    autocmd FileType javascript.js let g:syntastic_javascript_checkers = ['gjslint','jshint']
    " use eslint for jsx "
    autocmd FileType javascript.jsx let g:syntastic_javascript_checkers = ['eslint']
else
    " if an older version of vim without autocmd just use google/jshint "
    let g:syntastic_javascript_checkers = ['gjslint','jshint']
endif

我已经修改了该答案中的代码以与eslint一起使用

function! FixJS()
    "Save current cursor position"
    let l:winview = winsaveview()
    "run eslint fix on current buffer"
    ! eslint --fix %
    "Restore cursor position"
    call winrestview(l:winview)
endfunction
command! FixJS :call FixJS()

"Run the FixJS command just before the buffer is written for *.js files"
autocmd BufWritePre *.js FixJS

在写时或使用命令时应自动修复代码:FixJS