🔰 Sublime Text 4 の日本語化とおすすめパッケージ

ミニマムでSublime Textを利用するときのおすすめの設定と導入手順です。

https://www.sublimetext.com/download

## 1. Package Control の有効化

まずはパッケージをインストールするための機能を有効化します。
![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/142709/7d21d4a1-94c3-5136-6ab7-b4a49b2e086e.png)

1. `Ctrl` + `Shift` + `p`を押下（Macでは`Ctrl`の代わりに`Command`キーを使います）
2. 「install」と入力します
3. 「**install Package Control**」を選択します
4. ダイアログが出たら成功です

![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/142709/68fc3e3b-c44f-4f1e-f98f-5a62261b8482.png)

## 2. 各種パッケージのインストール

パッケージは次の手順でインストールできます。

1. `Ctrl` + `Shift` + `p`を押下（Macでは`Ctrl`の代わりに`Command`キーを使います）
2. 「install」と入力します
3. 「**Package Control: Install Package**」を選択します

![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/142709/2f991ee9-9f4c-31ee-a444-ee6d959d06cf.png)
すると、画面左下のインジゲータが動き出します。
![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/142709/08206162-3f95-9a84-bba8-23090a3d5b65.png)
読み込みが終わると、パッケージインストールのためのダイアログが表示されます。
![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/142709/b585319a-60b3-e627-d04e-29ce5e9f1124.png)

### まずは日本語化してみましょう

「**japanize**」をインストールします。
![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/142709/d0c13325-f825-d532-589e-67bea8199f79.png)
続いて、次の手順で日本語化ファイルの適応を行います。

1. メニューバーの「**Preferences**」を選択（Macでは「**基本設定（n）**」）
1. 「**Browse Package**」を選択
1. 開いたフォルダの中に「**Default**フォルダ」を作成<br>
![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/142709/de92f88b-6567-3fb5-ccef-95f0c1b16375.png)
1. 「**Japanize**フォルダ」を開く<br>
![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/142709/9d473d60-3d63-a742-b624-26845c31cd4f.png)
1. `*.jp`ファイルをすべて選択し、先ほど作成した「**Default**フォルダ」にコピーする
1. すべてのファイル名から「**.jp**」を削除する<br>例：`Main.sublime-menu.jp` → `Main.sublime-menu`<br>※ Windowsの場合は、[PowerToys](https://docs.microsoft.com/ja-jp/windows/powertoys/install)インストール済みなら[PowerRename](https://docs.microsoft.com/ja-jp/windows/powertoys/powerrename)を使うと簡単です<br>![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/142709/c9087f68-553f-d651-059a-5ad35402e2f3.png)

これで日本語化は完了です。

### その他のパッケージ

続いて、その他のパッケージをインストールします。

#### 基本

- [ConvertToUTF8](https://packagecontrol.io/packages/ConvertToUTF8)：Shift_JISなどの文字コードをサポート
- [IMESupport](https://packagecontrol.io/packages/IMESupport)：日本語入力を改善します（Windows向け）
- [Smart Delete](https://packagecontrol.io/packages/Smart%20Delete)：Deleteキーを便利にします

#### 記事・ドキュメント執筆（Markdown）

- [OmniMarkupPreviewer](https://packagecontrol.io/packages/OmniMarkupPreviewer)：Markdownなどをプレビューしたり、HTMLとして書き出したりできます

#### 開発

- [EditorConfig](https://packagecontrol.io/packages/EditorConfig)
- [Emmet](https://packagecontrol.io/packages/Emmet)
- [Sublimelinter](https://packagecontrol.io/packages/SublimeLinter)
- [SublimeLinter-eslint](https://packagecontrol.io/packages/SublimeLinter-eslint)
- [SublimeLinter-stylelint](https://packagecontrol.io/packages/SublimeLinter-stylelint)

## ちょっとしたときに助かるSublime Text

私はmacOSとWindowsでWeb制作を行う際、[Visual Studio Code](https://qiita.com/heppokofrontend/items/8a795f3c516198e00165)を使っているのですが、
ちょっとした作業を行うだけなのにVS Codeを呼び出すのはちょっとマッチョすぎるかも…というときにSublime Textを使っています。

VSかSublimeかではなく、状況に応じて使い分けしてみてはいかがでしょうか👀🥒