EditorConfigを導入したので、備忘録的に調べたことをメモしておきます。

EditorConfigとは

公式サイトの冒頭をGoogle翻訳にかけて引用するとこんな感じです。

EditorConfigは、開発者がさまざまなエディタとIDE間で一貫したコーディングスタイルを定義し、維持するのに役立ちます。 EditorConfigプロジェクトは、コーディングスタイルを定義するためのファイルフォーマットと、エディタがファイルフォーマットを読み込んで定義されたスタイルに従うことを可能にするテキストエディタプラグインのコレクションで構成されています。 EditorConfigファイルは読みやすく、バージョン管理システムでうまく動作します。

複数の開発者、エディタ、IDE間でインデントなどのフォーマットを統一できてチームで開発するときなどに有効です。

使い方

使い方は簡単で、プロジェクトのルートに.editorconfigというファイルを作成し、その中に設定を記述していくだけ。ネイティブでEditorConfigをサポートしているエディタであれば、.editorconfigがあると自動的に読み取ってくれて設定した内容が適用されます。

ネイティブでサポートしていないエディタも大抵の場合プラグインが用意されているので、プラグインをインストールして問題なく使用できます。 対応状況は下記を参照してください。

Download a Plugin

.editorconfigファイルの中身について

実際どんな記述をするのかについては、公式サイトのものを引用して解説します。

# EditorConfig is awesome: https://EditorConfig.org

# top-most EditorConfig file
root = true

# Unix-style newlines with a newline ending every file
[*]
end_of_line = lf
insert_final_newline = true

# Matches multiple files with brace expansion notation
# Set default charset
[*.{js,py}]
charset = utf-8

# 4 space indentation
[*.py]
indent_style = space
indent_size = 4

# Tab indentation (no size specified)
[Makefile]
indent_style = tab

# Indentation override for all JS under lib directory
[lib/**.js]
indent_style = space
indent_size = 2

# Matches the exact files either package.json or .travis.yml
[{package.json,.travis.yml}]
indent_style = space
indent_size = 2

対象ファイルの設定

対象となるファイルは下記のセレクタを使用して指定できます。

設定可能な項目

設定可能な項目は下記の通り。

おわり

EditorConfigを使って開発以外のところで消耗しないようにしましょう。