コード規範(1)のvue-cliのeslintとAirbnb JavaScript Style

//   config    index.js    ，                  ，         eslint      
const config = require('../config')

// ...

//    eslint   
const createLintingRule = () => ({
  test: /\.(js|vue)$/,
  loader: 'eslint-loader',
  enforce: 'pre',
  include: [resolve('src'), resolve('test')],
  options: {
    formatter: require('eslint-friendly-formatter'),
    emitWarning: !config.dev.showEslintErrorsInOverlay
  }
})

  // module         
  module: {
    rules: [
        //    eslint   
      ...(config.dev.useEslint ? [createLintingRule()] : []),
     ]   
  }

module.exports = {
  dev: {
    // ...

    // Use Eslint Loader     ESlint?
    // If true, your code will be linted during bundling and
    // linting errors and warnings will be shown in the console.
      //         ，   console          
    useEslint: true,
    // If true, eslint errors and warnings will also be shown in the error overlay。 eslint               
    // in the browser.
    showEslintErrorsInOverlay: false,
  }
   // ....
}

//    
$('#items').find('.selected').highlight().end().find('.open').updateCount();

//   
var totalScore = '' + this.reviewScore;

//   
var totalScore = this.reviewScore + ' total score';

//   
var val = Number(inputValue);

//   
var val = parseInt(inputValue, 10);

//   
/**
 * parseInt         ，
 *                     
 */
var val = inputValue >> 0;

var age = 0;

//    
var hasAge = new Boolean(age);

//   
var hasAge = Boolean(age);

//   
var hasAge = !!age;

//    
var log = function (msg) {
  console.log(msg);
};

//   
var log = function log(msg) {
  console.log(msg);
};

//     
class CheckBox {
  // ...
}
module.exports = CheckBox;

//       
//    
var CheckBox = require('./checkBox');

//    
var CheckBox = require('./check_box');

//   
var CheckBox = require('./CheckBox');

//    
dragon.age();

//   
dragon.getAge();

//    
dragon.age(25);

//   
dragon.setAge(25);

//    
if (!dragon.age()) {
  return false;
}

//   
if (!dragon.hasAge()) {
  return false;
}

function Jedi(options) {
  options || (options = {});
  var lightsaber = options.lightsaber || 'blue';
  this.set('lightsaber', lightsaber);
}

Jedi.prototype.set = function set(key, val) {
  this[key] = val;
};

Jedi.prototype.get = function get(key) {
  return this[key];
};

//    
Jedi.prototype = {
  fight: function fight() {
    console.log('fighting');
  },

  block: function block() {
    console.log('blocking');
  }
};

//   
Jedi.prototype.fight = function fight() {
  console.log('fighting');
};

Jedi.prototype.block = function block() {
  console.log('blocking');
};

//    
Jedi.prototype.jump = function jump() {
  this.jumping = true;
  return true;
};

Jedi.prototype.setHeight = function setHeight(height) {
  this.height = height;
};

var luke = new Jedi();
luke.jump(); // => true
luke.setHeight(20); // => undefined

//   
Jedi.prototype.jump = function jump() {
  this.jumping = true;
  return this;
};

Jedi.prototype.setHeight = function setHeight(height) {
  this.height = height;
  return this;
};

var luke = new Jedi();

luke.jump()
  .setHeight(20);

function Jedi(options) {
  options || (options = {});
  this.name = options.name || 'no name';
}

Jedi.prototype.getName = function getName() {
  return this.name;
};

Jedi.prototype.toString = function toString() {
  return 'Jedi - ' + this.getName();
};

//    
$(this).trigger('listingUpdated', listing.id);

...

$(this).on('listingUpdated', function (e, listingId) {
  // do something with listingId
});

//   
$(this).trigger('listingUpdated', { listingId : listing.id });

...

$(this).on('listingUpdated', function (e, data) {
  // do something with data.listingId
});

// fancyInput/fancyInput.js

!function (global) {
  'use strict';

  var previousFancyInput = global.FancyInput;

  function FancyInput(options) {
    this.options = options || {};
  }

  FancyInput.noConflict = function noConflict() {
    global.FancyInput = previousFancyInput;
    return FancyInput;
  };

  global.FancyInput = FancyInput;
}(this);

//    
var sidebar = $('.sidebar');

//   
var $sidebar = $('.sidebar');

//    
function setSidebar() {
  $('.sidebar').hide();

  // ...stuff...

  $('.sidebar').css({
    'background-color': 'pink'
  });
}

//   
function setSidebar() {
  var $sidebar = $('.sidebar');
  $sidebar.hide();

  // ...stuff...

  $sidebar.css({
    'background-color': 'pink'
  });
}

//    
$('ul', '.sidebar').hide();

//    
$('.sidebar').find('ul').hide();

//   
$('.sidebar ul').hide();

//   
$('.sidebar > ul').hide();

//   
$sidebar.find('ul').hide();