eslint で ECMAScript6 + jsx を lint する

ECMAScript6 + jsx を vim で書くときは eslint が良いらしい

npm install -g eslint
cat << EOF > .eslintrc
{
  "ecmaFeatures": {
    "jsx": true,
    "modules": true
  },
  "env": {
    "browser": true,
    "node": true,
    "es6": true
  }
}
EOF

.vimrc に以下を追記。 (NeoBundle 前提)

NeoBundle 'scrooloose/syntastic'
let g:syntastic_javascript_checkers = ['eslint']

f:id:oieioi:20150402143518p:plain

便利だ

せっかくなら gulp でも動かしたい

github.com

ドキュメント通りに動かそう

npm install --save-dev gulp-eslint

Gulpfile.js に以下を追記。

var gulp = require('gulp');
var eslint = require('gulp-eslint');

gulp.task('lint', function(){
  return gulp.src(['./src/**/*.jsx'])
  .pipe(eslint())
  .pipe(eslint.format())
  .pipe(eslint.failOnError());
});
gulp lint