VS Codeで改行コードを変更する方法まとめ

VS Codeで改行コード（CRLF/LF）を変更するには、エディタ右下のステータスバーの「CRLF」または「LF」表示をクリックし、変更したい方を選択します。
今開いているファイルだけでなく、デフォルトの改行コードを変更する方法や、設定が効かない時の対処法もあわせて解説します。

1. VS Codeでの改行コードの重要性

なぜ改行コードを知るべきなのか？

1. プラットフォーム間の互換性: 改行コードはOSによって異なります。WindowsではCRLF、MacやLinuxではLFが使われます。同じコードが異なるOS間で共有される場合、改行コードの不一致が問題を引き起こすことがあります。
2. チームワーク: プロジェクトメンバー全員が同じ改行コードを使うことで、コードの一貫性を保つことができます。これにより、Gitのdiffなどで不要な差分を見ずに済むようになります。

2. デフォルトの改行コードを確認する方法

VS Codeで改行コードを見る方法

VS Codeのステータスバーを見ることで現在のファイルの改行コードを確認できます。具体的には次の手順で行います。

1. VS Codeを開きます。
2. 編集中のファイルを開きます。
3. ステータスバーの右下を見ます。ここに「CRLF」や「LF」と表示されています。

3. VS Codeで改行コードを変更する方法

手順

1. VS Codeを開きます。
2. 編集中のファイルを開きます。
3. ステータスバーの右下の改行コード部分をクリックします。すると改行コードの選択肢が表示されます。
4. 必要な改行コード（CRLFまたはLF）を選択します。

4. VS Codeでデフォルトの改行コードを変更する方法

手順

1. VS Codeを開きます。
2. File > Preferences > Settingsを選択します。
3. 検索ボックスにeolと入力します。
4. Files: Eolを見つけて、ドロップダウンメニューから希望の改行コードを選択します。
5. 選択した設定は自動的に保存されるため、そのままVS Codeを閉じても大丈夫です。

設定したのに反映されない場合

「Files: Eol」を変更したのに反映されない場合は、設定の優先順位（ユーザー設定 ＜ ワークスペース設定 ＜ フォルダ設定）によって、より優先度の高い設定で上書きされている可能性があります。プロジェクト内に.vscode/settings.jsonがあれば、そこに"files.eol": "n"（LFの場合）のように書かれていないか確認してください。逆に、チームでプロジェクト全体の改行コードを統一したい場合は、あえてこの.vscode/settings.jsonに設定を書いてリポジトリにコミットしておくと、メンバー全員に同じ設定を強制できます。

関連動画

まとめ

この記事を通じて、VS Codeでの改行コードの重要性と、その確認方法、変更方法、そしてデフォルト設定の変更方法について学びました。これらの知識を活かして、今後はコードの一貫性を保ちつつ、異なるプラットフォーム間でもスムーズにコードを共有できるようになります。

VSCodeのショートカットの練習

下記のSTARTボタンをクリックするとVSCodeのショートカットの練習ができます。ここで繰り返し練習をすることで無意識にショートカットキーが扱えるようになれるように作ってあります。ぜひお試しください。

• VS Codeでデフォルトの文字コードを指定する方法をわかりやすく解説
• VS Codeで文字コードを指定してファイルを保存する方法
• VS Codeで文字化けを解消する方法
• VS Codeで改行コードを可視化する拡張機能「code-eol」を使いこなす
• VS Codeで改行コードを変更する方法まとめ