2015-10-05 7 views
7

最近私の角型アプリケーションにESLintingを追加しましたが、すぐに私のアプリケーションを正しくlintさせるためにeslint-plugin-angularプラグインが必要でした。ESLint:anglejsアプリケーションで推奨されるデフォルトのルールを使用する

これまでは、.eslintrcファイルでextendsプロパティを使用し、eslint:recommendedに設定すると、eslint推奨ルールセットを使用していました。

{ 
    "extends": "eslint:recommended" 
} 

これは、コード内のオブジェクト定義に後続のカンマを追加して、私がeslintからエラーが発生していることを確認しています。

今、eslint-plugin-angularのガイドに従って、私もeslint-config-angularをインストールしました。これを開始する最も簡単な方法は共有可能な設定を使用することです。

私は私の現在の場所での角度設定オプションを拡張していない使用している場合:

{ 
    "extends": "angular" 
} 

私はもはや私のエラーが予期しない末尾のコンマのために投げられます。

したがって、拡張設定オプションに角度とeslint:recommendedの両方を使用できる方法はありますか? 例えば:

{ 
    "extends": ["angular", "eslint:recommended"] 
} 

(私は動作しません知っている)

ない場合は、これは私がeslintからお勧めのものを模倣するために、私の.eslintrcでルールの設定オブジェクトを作成する必要が意味するのでしょうか?

{ 
    "extends": "angular", 
    "rules" : { 
    ... 
    } 
} 
+0

何を使用していますか? (sublime、atom、gulp、eslintコマンドを直接...)。私はeslintコマンドでテストし、 '' extends ':["angular"、 "eslint:recommended"] 'は動作するはずです。 'eslint-plugin-angular'と' eslint-config-angular'をグローバルにインストールする必要がありました。 – kombucha

答えて

8

私はこのSO記事が入力されましたが、私は私の.eslintrcファイルに"extends": ["eslint:recommended", "angular"]を使用していますし、それが正常に動作している時間との間のコードの変更があったかどうかに話すことができません。私は"env"プロパティと同じレベルにしています。

私のpackage.jsonファイルは、それぞれeslinteslint-plugin-angularのバージョン2.3.0と0.5.0です。

2

TypeScript(Angular2のような)を使用している場合はtslintを使用できます。 マイクロソフトからのeslint rules for tslintおよびtslint-microsoft-contribがあります。

は最後に、Angular2に設定されたルールがあります:あなたは、リンティングのためcodelyzer

関連する問題