今まではJSHintを使用していたが、webpack+Vue.jsで個人的に物を作るにあたってES2015以降の構文を使用したい状況が多く出てきたため、ESLintに移行することにした。linter全体の流れエディタの準備linter-eslintのインストールプロジェクトの準備ローカルにeslintをインストール設定ファイルを配置エディタの準備linter-eslintのインストールAtomの場合は、linter-eslintをインストールする。依存しているパッケージが複数あるが、linter-eslintをインストールする際に「これも必要だけどインストールする?」って確認してくれるので、そこで一緒にインストールすればいい。(Optional).vueファイルを使用する場合.vueファイルを使用する場合は、それに対してもESLintが動作するよう設定をしなければならない。~」といった感じの、どのファイルに対してESLintを動作させるかの設定がある。そこにtext.html.vueを追加。(なぜsource.vueでなく、text.html.vueなのかは不明。Scopeを実行するとtext.html.vueが表示される)(追記:どうもlanguage-vueがScopeとしてtext.html.vueを指定しているのでその関係っぽい)Atomのlinter-eslintでvuejsのプラグインを導入するプロジェクトの準備プロジェクト毎にES2015の仕様を利用していけるのか、それとも利用できないのか等、構文チェックの要件は異なってくる。そのため、ESLintをプロジェクト毎に準備することで、プロジェクト毎に設定を変更できるようにしておく。設定ファイルは自分で作成する事も可能だが、項目が多いためとりあえず最初はメジャーであるAirbnbの設定ファイルを利用することとする。},};適宜既存の設定ファイルを参考にしたりして諸々修正したい。以下の行はエラーとなる可能性がある。linter要約すると「newした結果を変数に保存しないなら、そもそもそのクラスがコンストラクタでやっている処理は関数でやるべきだよね?」って感じ。今回のような場合は外部ライブラリを使用しており、流石にそれを弄るのは面倒。いってエラーを放置するのも気持ち悪い。以下のように書けば例外としてESLintはエラーをスルーする。~});no-newの部分は該当するチェック項目。ここを記述せずeslint-disable-lineのみでもエラーは回避出来るが、その場合はあらゆるチェック項目をスルーしてしまう。エラーとして表出されるべき項目もスルーされてしまう可能性があるので、出来ればピンポイントで問題となっている項目だけ指定すること。