37

Visual Studio コードを使用して、babel/ES7 ステージ 0 ルールに基づいて JavaScript ファイルをリントする方法は?

コードをリントするだけです。私はすでにJsファイルをトランスパイルするwebpackを持っています。

4

2 に答える 2

66

進め方:

  • グローバルに eslint をインストールします:npm install -g eslint
  • babel-eslint をインストールします。npm install --save-dev babel-eslint
  • eslint-plugin-react をインストールします。npm install --save-dev eslint-plugin-react
  • .eslintrcルートディレクトリにファイルを作成します。ここに私の設定があります:

{
"env": {
        "browser": true,
        "node": true,
        "es6": true,
        "jest": true,
        "jquery": true
    },
    "parser": "babel-eslint",
    "parserOptions": {
        "ecmaVersion": 6,
        "sourceType": "module",
        "ecmaFeatures": {
            "arrowFunctions": true,
            "binaryLiterals": true,
            "blockBindings": true,
            "classes": true,
            "defaultParams": true,
            "destructuring": true,
            "forOf": true,
            "generators": true,
            "modules": true,
            "objectLiteralComputedProperties": true,
            "objectLiteralDuplicateProperties": true,
            "objectLiteralShorthandMethods": true,
            "objectLiteralShorthandProperties": true,
            "octalLiterals": true,
            "regexUFlag": true,
            "regexYFlag": true,
            "spread": true,
            "superInFunctions": true,
            "templateStrings": true,
            "unicodeCodePointEscapes": true,
            "globalReturn": true,
            "jsx": true,
            "experimentalObjectRestSpread": true
        }
    },
    "plugins": [
        "react"
    ],
    "rules": {
        "strict": 0
    }
}
  • VSC で、 pushF1してから「extension」と書き込み、「install extensions」を選択してから「eslint」と書き込み、検証します。VSCを再起動する必要があります
  • VSC コードで、ユーザー パラメーター ( settings.json) を開き、次のように記述します。

{
    //disable default javascript validator replaced by eslint
    "javascript.validate.enable" : false 
} 

これで、ES7 コードが必要に応じて lint するはずです。VSC の eslint 設定の読み取りに問題がある場合は、VSC コンソール ( Ctrls ShiftU) で確認できます。

その結果、ES7 コード (オブジェクトのスプレッド演算子など) は適切にリントされます。 ここに画像の説明を入力

PS: .eslintrcES7 linting に役に立たない余分なデータを使用している可能性があるので、お気軽に削除してください :)

于 2016-03-31T07:40:20.023 に答える