Vue.js-cli配置eslint

概要:
ESLintはJavaScriptコード検査ツールで、Nichollas C.Zakasによって2013年6月に作成されました.コードチェックは、問題のあるモードまたはコードを探して、特定のコードスタイルに依存しない静的な分析である.ほとんどのプログラミング言語にはコードチェックがあります.一般的にコンパイルプログラムは検査ツールを内蔵します.
JavaScriptはダイナミックで弱いタイプの言語で、開発中に間違えやすいです.コンパイルプログラムがないので、JavaScriptコードのエラーを見つけるためには、通常実行中にデバッグが必要です.ESListのように、プログラムプログラマは、実行中ではなく、コーディング中に問題を発見することができる.
ESLintは、プログラマが自分の検知ルールを作るために始めた.ESLINEのすべてのルールは挿入できるように設計されています.ESLINEのデフォルトルールは他のプラグインとは別に違いがありません.ルール自体とテストは同じパターンに依存します.人々が使いやすいように、ESLINEにはいくつかのルールが内蔵されています.もちろん、使用中にカスタムルールができます.
ESLintはNode.jsを使って編纂して、このように高速の運行環境があることができますが、同時にインストールにも便利です.
特徴:
全部抜き差し可能です.

内蔵規則とカスタムルールの共用ルールAPI

内蔵のフォーマット方法とカスタムフォーマット方法は、フォーマットAPI

のセットを共有する.

追加の規則およびフォーマット方法は、実行時に

を指定することができる.

規則及び対応するフォーマット方法は強制的に縛られずに

を使用する.
各ルール:

それぞれ独立しています.

は、開いたり閉じたりすることができます.

は、結果を警告またはエラーに設定することができます.
また、

ESLINEはコードスタイルを推奨していません.ルールは自由

です.

すべての内蔵規則は一般化された

です.
アイテム:

豊富な文書を通じてコミュニケーションコストを削減する

はできるだけ簡単で透明です.

はテストの重要性を信じます.
設定:
グローバルインストール:
cnpm install-g eslint
初期化:
eslint--init
初期化後にヒントに従ってインストールします.
 npm install--save setimmedite
設定:Build/webpack.base.com nf.js

rules: [
      {
        test: /\.(js|vue)$/,
        loader: 'eslint-loader',
        enforce: 'pre',
        include: [resolve('src'), resolve('test')],
        options: {
          formatter: require('eslint-friendly-formatter')
        }
      }
    ]

ファイルの設定
初期化後にヒントに従ってインストールします.
cnpm install eslint-friendly-formater
cnpm install eslint-loader
兼用Vueのインストール
cnpm install eslint-plugin-html
.eslintrc.js コメントを追加します.

module.exports = {
  root: true,
  parser: 'babel-eslint',
  parserOptions: {
    sourceType: 'module'
  },
  env: {
    browser: true,
  },
  // https://github.com/feross/standard/blob/master/RULES.md#javascript-standard-style
  extends: 'standard',
  // required to lint *.vue files
  plugins: [
    'html'
  ],
  // add your custom rules here
  'rules': {
    // allow paren-less arrow functions
    'arrow-parens': 0,
    // allow async-await
    'generator-star-spacing': 0,
    // allow debugger during development
    'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0
  }
}

Eslentエラー統計を報告する:
enlintにはたくさんのrulesがあります.ruleの設定を変えるために、rule IDをいくつかの規則的な属性と同じに設定することができます.例えば、「off」or 0のクローズルール「warn」or 1のオープンルールには、警告が表示されます.「error」or 2のオープンルールには、エラーメッセージが表示されます.
パラメータ説明:パラメータ1:エラーレベルパラメータ2:処理方式

終端セミコロン:

“semi”:[[error]、“always”]    
エラー情報:semi Missing semicolonのエンディングには‘がありません’
2.単/二重引用符
「quot」:「[error]、「double」、   
「quot」:「[error]、「single」、   
エラー情報:quot tes Strings muse double引用文字列はダブルクォーテーションを使用しなければなりません.
3.遮断制限(まだ明らかにされていません)
「LINE break-style」:[[error]、[]  
エラーメッセージ:
4.インデント制限:
「indent」:[[error],4]     
エラーメッセージ:
5.関数パラメータは重複できません.
「no-dupe-args」:[[error],2] 
エラー情報:Parssing error:Agment name clas解析エラー:パラメータ名が競合します.
参考:https://www.cnblogs.com/luxiaoxiao/p/6432788.html
公式サイト:http://eslint.cn/
転載先:https://www.cnblogs.com/syh119/p/8686934.html