gulp-eslintの.eslintrcを作成する

参考にさせて頂いたページ

.eslintrcを公開してくださっているページ

.eslintrc晒す - Qiita

eslint

• eslint

gulp-eslint

• gulp-eslint

babelとか関係なくeslintについて包括的な基礎のこと

• [GitHub 奮闘記] gulp で eslint 設定とコード チェック環境の共有 - Qiita
• ESLint を試す – アカベコマイリ
• ESLintの設定事始め - Umi Uyuraのブログ
• ESLintの設定ファイルをブラウザでポチポチして作るツールを作った - Qiita
• ESLint 最初の一歩 - Qiita
• ESLintのルールを自作しよう！ - Yahoo! JAPAN Tech Blog

babel使用時の.eslintrcの記述などについて

• babel-eslint
• babel な ESLint の設定をがんばった ::ハブろぐ

babel-eslintのインストールについて

• babel-eslintでBabelなLint | たんたか

一部設定の日本語解説

ESLintのエラールール。日本語ざっくり解説[スタイル編] - Qiita

前提として

gulpとかeslintとか色々動くようになっている。

やりたいこと

.eslintrcの編集をして、設定を適切な感じにしていきたい。

babelを使用している環境で予約語に関するエラーが出たのでここは通したい

以下の通りエラーが出た。

1:1  error  Parsing error: The keyword 'import' is reserved

babel-eslintをインストールして.eslintrcに設定すると大丈夫らしいのでインストールする

以下の通りインストールした。

npm install --save-dev babel-eslint

コメントでご教示頂いたので直した

"parserOptions"というキーを適切に設定すると直る。

.eslintrcの作成

.eslintの配置はユーザー直下に置くとグローバルな設定になり、プロジェクト直下に置くとプロジェクトごとの設定が可能らしいので、とりあえず今回はプロジェクト用としてpackage.jsonと同じディレクトリに配置する。

下記二つページを参考にくっつけて調整してみた。

• babel な ESLint の設定をがんばった ::ハブろぐ
• .eslintrc晒す - Qiita

ecmaFeaturesキー

ecmaFeaturesキーは、ESLint 1.x.x か ESLint 2.x.x 以降かで書く場所が違うので注意が必要っぽい。