title: How do I view linting errors when i run 'gulp'?
body: <p>I'm trying to install the Airbnb JavaScript style guide into my environment.  I'm using gulp to show linting errors as I save my .js files but it does not show it. If I do 'eslint main.js' it shows me the errors.</p>
  <p>Is there any way I can show it through gulp when I execute 'gulp'?</p>
  <p>Here are my config files:</p>
  <pre><code>var lint = require('gulp-eslint');  //Lint JS files, including JSX
  var config = {
      port: 9005,
      devBaseUrl: 'http://localhost',
      paths: {
          html: './src/*.html',
          js: './src/**/.js',
          css: [
              'node_modules/bootstrap/dist/css/bootstrap.min.css',
              'node_modules/bootstrap/dist/css/bootstrap-theme.min.css'
          ],
          dist: './dist',
          mainJs: './src/main.js'
      }
  };
  </code></pre>
  <p>...</p>
  <pre><code>gulp.task('lint', function () {
      return gulp.src(config.paths.js)
          .pipe(lint())
          .pipe(lint.format())
          .pipe(lint.failAfterError());
  });
  
  gulp.task('watch', function () {
      gulp.watch(config.paths.html, ['html']);
      gulp.watch(config.paths.js, ['js', 'lint']);
      gulp.watch(config.paths.css, ['css']);
  });
  
  gulp.task('default', ['html', 'js', 'css', 'lint', 'open', 'watch']);
  </code></pre>
  <p>my main.js file:</p>
  <pre><code>test = 1;
  
  var App = console.log('Testing Browserify');
  
  module.exports = App;
  </code></pre>
  <p>and here is what I see when I run 'gulp' and also when I run 'eslint main.js'.  Errors should show on the terminal to the right, but it does not show any linting errors.</p>
  <p><a href="https://i.stack.imgur.com/KcSqU.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/KcSqU.png" alt="enter image description here" /></a></p>