25. How to set up ESLint in Atom so you can contribute to Open Source

Tatsuya Asami
2 min readJul 20, 2018

--

【所要時間】

49分(2018年7月20日)

【概要】

ESLint用のAtomプラグインのセットアップ

【要約・学んだこと】

Lintingとは何か? — Lintingはエラーになる可能性があるコードを分析するプログラムを実行するプロセス。

ESLintはは特にJavaScriptのためのlintingツールである。

  1. Node.js をバージョンアップ
  2. Free Code Campをダウンロードし、ターミナルでそのディレクトリに移動し、 npm install eslint --save-dev でターミナルで実行。
  3. AtomのSettingで、 linter 2.2.0 と linter-eslint 8.4.1 をインストール
  4. jsファイルを開くと

ESLintが機能していることがわかった。

Note: ESLintは自分のルールに従うようにカスタマイズできる。

configure ESLintについて詳しくは下記のリンク参照。

【わからなかったこと】

特になし

【感想】

ローカルよりもグローバルでインストールした方が便利そうなのになんでローカルなんだろうと思ったけど、やはりグローバルでインストールすることにデメリットもあるようだ。

--

--

Tatsuya Asami
Tatsuya Asami

Written by Tatsuya Asami

Front end engineer. React, TypeScript, Three.js

Responses (1)