web-dev-qa-db-ja.com

ESlintをグローバルにインストールする方法は？

私はすべてのローカルプロジェクトでSublin Text 2で使用するためにESlintをインストールしようとしています。 設定ドキュメント グローバルインストールについては非常に不明確です：

注：eslint --initは、プロジェクトごとにESLintを設定および構成することを目的としており、ESLintおよびそのプラグインをローカルで実行します。 ESLintのグローバルインストールを使用する場合は、構成で使用するプラグインもグローバルにインストールする必要があります。

それらの意味がわかりません。 eslint --initを使用し、ESlintをすべてのプラグインとともにnode_modulesにローカルにインストールしました。プラグインをグローバルにインストールすることについては何も説明されていません。それ、どうやったら出来るの？また、eslint --initがとにかくローカルのESlintをインストールする場合、どのようにグローバルなESlintインストールを使用しますか？これはとても紛らわしいです。

npmsublimetexteslint
6
Robo Robok

Nodeモジュールをプロジェクト内（ローカル）またはグローバルにインストールできます。グローバルに切り替えるには、 -gフラグ を使用できます。

npm install -g eslint

次に、Sublime Textなしで動作するかどうかを確認します（-vフラグでeslintのバージョンを確認します）：

eslint -v

インストールされている場所を確認するには（MacOS/Linuxを想定）：

which eslint

次に、Sublime Textで動作しているかどうかを確認します（最初にSublimeを再起動する必要がある場合があります）。動作しない場合は、eslintパッケージの設定でパスが正しいことを確認してください。

10
Winfried

  1. Eslintをグローバルにインストールするには：npm install -g eslint

    プロジェクトフォルダーにeslintをインストールするには：npm install eslint --save-dev

  2. package.jsonこのスクリプトを追加："eslint": "eslint --ignore-path .gitignore ."

  3. .eslintrcというファイルを作成し、挿入します：

    {
  "env": {
    "browser": true,
    "node": true
  },
  "globals": {
    "chrome": true
  },
  "rules": {
    "no-console": 0,
    "no-empty": [1, { "allowEmptyCatch": true }]
  },
  "extends": "eslint:recommended"
}

    個人的に、このファイルをjsフォルダーに保存します

  4. node_modules/.binに移動します

  5. 実行：eslint --initまたはnpm run eslint nameOfYourFile
3
Marina ES

エディターにeslintプラグインがインストールされていることを前提とし、npm install -g eslintがある場合は、npm install eslint-config-airbnb eslint-plugin-react eslint-plugin-jsx-a11y eslint-plugin-import -gなどの特定の環境にアドオンをインストールできます（これは純粋なJSおよびReact）、この方法でnodejsのサポートを追加することができます、作業フォルダに次のような.eslintrcファイルを作成します

{
    "extends":  ["airbnb" , "eslint:recommended"],
    "env": {
    "node": false,
    "es6": true,
    "browser": true
    },
    "rules": {
        "semi":"error",
        "no-unused-vars": "off",
        "func-names":"off",
        "indent":"off",
        "no-else-return":"off",
        "prefer-arrow-callback":"off",
        "no-undef":"off",
        "no-use-before-define":"off",
        "comma-dangle":"off",
        "eol-last":"off",
        "no-trailing-spaces":"off",
        "linebreak-style":"off",
        "no-console":"off",
        "no-restricted-globals":"off",
        "object-shorthand":"off",
        "no-shadow":"off",
        "no-debugger":"off",
        "prefer-const":"off",
        "no-multiple-empty-lines":"off"
    }
}

ノードのサポートが必要な場合は、.eslintrcのenvセクションでnodeを「true」に設定し、次のnpm i eslint-plugin-node -gでeslint-nodeプラグインもグローバルにインストールします。次に、.eslintrcの拡張セクションに"plugin:node/recommended"を追加します。このようにして、.eslintrcファイルがあるマシン上のすべてのプロジェクトでeslintをサポートします。eslintrcルールセクションで必要なルールを設定します。それでおしまい。

1
Goran7777