SublimeText3 初期設定 日本語に完全対応する

# サブライムテキストをエディタとしてオススメする理由

SublimeText(サブライムテキスト)は、AtomやIntelliJ、PhpStorm、Dreamweaverなど他のエディタに比べて、初期設定は少し面倒です。
しかしとにかく軽いのが特徴かと思います。動作が重いと感じることは全くありません。
パッケージ(プラグイン的なものです。後述)を入れていけばどんどん出来ることも広がるので、無料のエディタとしては個人的に一番気に入っています。
※厳密には有料なのですが、支払いをしなくてもインストール後、ポップアップが定期的に出るのですが、無視してても使えます

この記事では、サブライムテキストの面倒な初期設定にフォーカスを当てて書いていきます。

# ダウンロード

https://www.sublimetext.com/3

![sublimetext.png](https://qiita-image-store.s3.amazonaws.com/0/117024/c827ce68-90e8-b781-6aa5-1066381a276e.png)

基本的にセットアップで出てくるものをずっとokで大丈夫です。

# PackageControlの導入

なにはともあれ、パッケージをインストールできるようにPackage Controlを導入します。
これがなくては始まらないです。

パッケージとはSublimeTextを使いやすくするツールでプラグインと同義と捉えてください。

https://packagecontrol.io/installation

![package.png](https://qiita-image-store.s3.amazonaws.com/0/117024/b9b9d9d2-1cbe-8987-80b8-54e6618590a8.png)

ブラウザから上記のキャプチャーのコードをコピーします。

<details><summary>2017年10月20日の時点のコード</summary>import urllib.request,os,hashlib; h = '6f4c264a24d933ce70df5dedcf1dcaee' + 'ebe013ee18cced0ef93d5f746d80ef60'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)</details>

※確実に最新のコードをコピーする場合はサイトからコピーして下さい。

次にサブライムテキストの画面で、「View」→「Show Console」へ行き、
下部にある細長い入力欄にコピーしたコードを貼り付けます。

![console.png](https://qiita-image-store.s3.amazonaws.com/0/117024/3a000fc4-3dac-285a-9abb-fe77a6cb86c5.png)

すると、下記のキャプチャーのハイライト部分が出ていれば成功です。
リスタートしてくださいというようなポップアップが出てきますが、してもしなくてもよいと思います。

![highLight.png](https://qiita-image-store.s3.amazonaws.com/0/117024/b200843f-5bee-0161-1aa6-e0d511ae2984.png)

Preferencesの一番下に、package controlが出ればokです。

![package.png](https://qiita-image-store.s3.amazonaws.com/0/117024/56b91e19-c91f-017f-d6f1-91b70f6ed20a.png)

`Ctrl + Shift + P` でショートカット画面が出ます。
ここで、『install』とうってみて、下記のキャプチャーのように、packagecontrolがあれば、ここでも問題なくpackagecontrolが入っていることがわかるでしょう。

![pa_install.png](https://qiita-image-store.s3.amazonaws.com/0/117024/16bb9f64-f215-56ce-8ea6-a7f0e0889c8a.png)

※このポップアップを消すにはesc(エスケープ)キーを押してください。

# MacとWindowsのパッケージのディレクトリについて

ちょっとサブライムテキストの初期設定の本題とは脱線しますが、
これからさらにサブライムテキストの設定をいじる必要があり、「パッケージのディレクトリ」というキーワードが文中に出てきたら、以下のことを指しています。

### Macに入るサブライムテキストのパッケージのディレクトリ

`/Users/ユーザー名/Library/Application Support/Sublime Text 3/Packages`

### Windowsに入るサブライムテキストのパッケージのディレクトリ

`C:\Users\ユーザー名\AppData\Roaming\Sublime Text 3\Packages\`


## 隠しフォルダ

MacもWindowsも隠しフォルダが表示されてないパソコンでは表示するようにして下さい。
隠しフォルダの表示方法は下記の通りです。

### Mac

finder → 移動 → 下記の画面で、optionを押すとライブラリが表示されます。
すると隠しフォルダも全て見れる状態になります。

![mac.png](https://qiita-image-store.s3.amazonaws.com/0/117024/2dd412ea-b3bb-947c-3298-59d20325ea61.png)

### Windows

コントロールパネルで表示方法は大きいアイコンにして、フォルダーオプションをクリックします。

![ win.png](https://qiita-image-store.s3.amazonaws.com/0/117024/8a9b2cdc-34a8-6316-d965-ea692227b9bc.png)

『隠しファイル、隠しフォルダー、および隠しドライブを表示する』にチェックを入れてください。

# メニューを日本語化する

サブライムテキストの設定の本題に戻ります。
サブライムテキストはデフォルトでは全て英語です。
まずはメニューを日本語にする方法です。

### 1. CTRL+Shift+P(パッケージコントロールのショートカット)を押し、表示されたフォームにinstallと入力

### 2. Package Control: Install Packageをクリック

上のInstall Packageをクリック
![install_package.png](https://qiita-image-store.s3.amazonaws.com/0/117024/daa85ed5-e686-3b9d-3c0a-f66438637a4a.png)

### 3. japanize と入力

サブライムテキストでパッケージが必要ならここでパッケージを検索して取ります。
今回は『Japanize』
![japa.png](https://qiita-image-store.s3.amazonaws.com/0/117024/1fc2c5c5-83fb-7e2e-bcc5-927661896b30.png)

ステータスバーに「Successfully Installed」のような文字が表示されたらインストール完了です


# 全部日本語にしたい

多くの人はメニューだけでなく全て日本語にしたいと思うと思いますので、紹介します。
ここが一番ややこしい設定ですが、これが終われば、難しい初期設定は何もありません。

### 1. 「SublimeText3」→**Packages**ディレクトリ内に新しく**Default**ディレクトリを作成

![1.png](https://qiita-image-store.s3.amazonaws.com/0/117024/2dcc15a2-3ca8-2ac4-5e47-f60719f529c8.png)


### 2. **Packages**のディレクトリ内の**Japanize**ディレクトリ内の「.jp」とあるファイルを**Default**ディレクトリに<font color="Red">移動</font>

![2.png](https://qiita-image-store.s3.amazonaws.com/0/117024/b41f3a00-33f2-b9e0-2132-c94739d78175.png)

全部で6つです。
コピーではなく移動することに注意して下さい。

### 3. 移動した先で、「.jp」の拡張子を削除

6つのファイルを移動したら、6つのファイルのファイル名を編集して拡張子を消します。
![3.png](https://qiita-image-store.s3.amazonaws.com/0/117024/d88aa465-2106-94a4-0a58-0517fc3408f2.png)

### 4. **Packages**ディレクトリ内の**Japanize**フォルダ内の「Main.sublime-menu」ファイル（「.jp」という拡張子のない方のファイル）を**Packages**ディレクトリ内の**User**ディレクトリへ<font color="Red">コピー</font>

今度は移動でなくてコピーです。
![4.png](https://qiita-image-store.s3.amazonaws.com/0/117024/08ad8140-03bd-7d95-3e26-a4b576315ef8.png)

### 5. 日本語に変わっています。終了。

![ 5.png](https://qiita-image-store.s3.amazonaws.com/0/117024/b7ac2b59-91f5-53cf-3646-200eaa6955e4.png)

これで全て日本語で表示されるようになりましたね。
あとは必要ならお好みのパッケージをどんどん追加するだけです。
めでたしめでたし。
何か不明点あればいつでもコメントして下さい。