Sublime Text 3 初期設定まとめ

# やりたいこと

* Sublime Text 3 の初期設定

完全に自分用です。散逸しているWebの情報・メモ、資料をまとめました。Sublime Text 3 の設定、Package Control の設定、インストールするパッケージやテーマなど、好みで入れているものなのでベストプラクティスではありません。

# 前提環境

* OS: Microsoft Windows 7 Professional 6.1.7601 Service Pack 1 (SP1) ビルド 7601 x64
* [Sublime Text 3 beta build 3114 x64](http://qiita.com/bu-son/items/f6f5784dd01d95b8c8ec)

# 設定するソフトウェア

* Sublime Text 3 beta Build 3114 x64

# 手順

## パッケージコントロール(package control)の設定

1. [Package Control INSTALATION](https://packagecontrol.io/installation) にアクセス。
2. Manual の [Package Control.sublime-package](https://packagecontrol.io/Package%20Control.sublime-package) を選択してパッケージコントロールのファイルをダウンロード。

※Simpleはエラーが出る時があるので選択しない。

![image](https://qiita-image-store.s3.amazonaws.com/0/112128/7815801d-3172-9266-9f17-435fe0409d7d.png)

ダウンロードした **Package Control.sublime-package** を **Installed Packages** フォルダに配置。

- `$user_profile`: ユーザープロファイル

`C:\Users\$user_profile\AppData\Roaming\Sublime Text 3\Installed Packages\Package Control.sublime-package`

Sublime Text 3 を起動。

### プロキシ環境がある場合

[Preferences]-[Package Settings]-[Package Control]-[Settings - User] でユーザー設定を開く。

![image](https://qiita-image-store.s3.amazonaws.com/0/112128/422675d6-a5b8-e339-be00-9157d80bc3f1.png)

- `$proxy_server`: プロキシサーバー
- `$proxy_port`: ポート
- `$proxy_user`: ユーザーID
- `$proxy_password`: パスワード

プロキシの設定を追加。

``` json
{
    "http_proxy": "http://$proxy_server:$proxy_port",
    "https_proxy": "http://$proxy_server:$proxy_port",
    "proxy_username": "$proxy_user",
    "proxy_password": "$proxy_password"
}
```

## 日本語化とIMEサポート、UTF8 → Shift_JIS へエンコードするプラグインをインストール

### Package Control の起動方法

1. Ctrl + Shift + P で show_overlay。
2. Package Control を起動。
3. `pi` と入力してから Package Control を起動。

![image](https://qiita-image-store.s3.amazonaws.com/0/112128/833dbe2b-4975-f244-b3ce-059a07c00f7d.png)

画面左下に読込中の表示。

![image](https://qiita-image-store.s3.amazonaws.com/0/112128/8fa1c6c3-bffd-7c3c-5c18-5c1031ced970.png)

こういう表示がでればOK。

![image](https://qiita-image-store.s3.amazonaws.com/0/112128/bd676cad-ea1a-0b6e-1e9f-252e9d73f532.png)

### Japanize

Package Control で Japanize をインストール。

![image](https://qiita-image-store.s3.amazonaws.com/0/112128/1396c1fe-dedd-e2df-beff-b01888b6d0e7.png)

インストールすると Japanize プラグインの説明が表示されます。

```
Package Control Messages
========================

Japanize
--------

  Japanese menu for Sublime Text 3  
    
  Sublime Text 3の日本語化プラグインです。  
  [ゆーがいぶろぐ](http://blog.huwy.org/article/292827228.html)さんの日本語化ファイルがベースです。  
    
  適用手順  
  １．C:\Users\ユーザー名\AppData\Roaming\Sublime Text 3\Packages\Japanizeにインストールされている*.jpファイルを、  
   　　　C:\Users\ユーザー名\AppData\Roaming\Sublime Text 3\Packages\Default  
  　　にコピーします。※Defaultフォルダがない場合は作成してください。  
  ２．コピーしたファイルをオリジナルのファイル（.jpが付かないファイル）と置き換えます。（念のため、オリジナルのファイルが有る場合は.orgなどを付けて保管しておきましょう。）  
  ３．C:\Users\ユーザー名\AppData\Roaming\Sublime Text 3\Packages\Japanize\Main.sublime-menu（.jpが付かない方）を、  
   　　　C:\Users\ユーザー名\AppData\Roaming\Sublime Text 3\Packages\User  
  　　にコピーします。すると、他のプラグインで上書きされてしまっているトップメニューも日本語化されます。  
  以上です。
```

ファイルのコピーが必要・・・なのですが、毎回手動で作業するのが面倒でしたので自動でコピーする [japanize_setting.ps1](https://github.com/bu-son/japanize_setting/blob/master/japanize_setting.ps1) を作成しました。

1. [japanize_setting.ps1](https://github.com/bu-son/sb3/blob/master/japanize_setting.ps1) をダウンロード
2. PowerShell を起動。`%SystemRoot%\system32\WindowsPowerShell\v1.0\powershell.exe`
3. japanize_setting.ps1 の引数にユーザープロファイルを付与して実行。

- `$user_profile`: ユーザープロファイル

``` ps:powershell.exe
PS C:\> .\japanize_setting.ps1 $user_profile
```

``` powershell:result
    Directory: C:\Users\$user_profile\work\japanize_setting


Mode                LastWriteTime         Length Name
----                -------------         ----------
-a----       2016/06/25     23:48           1340 japanize_setting.ps1
```

### IMESupport

Package Control で IMESupport をインストール。

![image](https://qiita-image-store.s3.amazonaws.com/0/112128/c24d8985-be12-343d-9e18-346cb5e001ef.png)

### ConvertToUTF8

Package Control で [ConvertToUTF8](https://github.com/seanliang/ConvertToUTF8) をインストール。

![image](https://qiita-image-store.s3.amazonaws.com/0/112128/e9344f36-a33c-3c30-5da4-be3e75b84e5f.png)

## Package Control の設定

[基本設定(n)]-[Package Settings]-[Package Control]-[Settings - User] でユーザー設定を開く。

![image](https://qiita-image-store.s3.amazonaws.com/0/112128/4f13c093-4fca-c662-ad76-7b132fb86f5e.png)

``` js
{
  "auto_upgrade": false // 自動アップグレードを停止
}
```

## Sublime Text の基本設定 - ユーザー

``` json
{
  "always_show_minimap_viewport": true,  // スクロールバーの近くにマウスカーソルを持って行くとミニマップを表示する
  "bold_folder_labels": true,  // サイドバーのフォルダ名を太字にする
  "caret_style": "smooth",  // カーソルのスタイル
  "color_scheme": "Packages/User/SublimeLinter/Monokai Extended (SL).tmTheme", // カラースキーマ
  "detect_indentation": false,  // インデントの検出は使用しない
  "draw_indent_guides": true,  // インデントの補助線の描画
  "draw_white_space": "all",  // スペースの描画
  "fallback_encoding": "UTF-8",  // 文字のエンコードを特定できないときに自動的に指定するエンコード
  "font_face": "Ricty",  // フォントの種類
  "font_size": 11, // フォントのサイズ
  "highlight_line": true,  // 現在行を強調する
  "ignored_packages":
  [
    "ActionScript",
    "AppleScript",
    "Clojure",
    "D",
    "Erlang",
    "Go",
    "Graphviz",
    "Groovy",
    "Haskell",
    "LaTeX",
    "Lisp",
    "Lua",
    "MATLAB",
    "Objective-C",
    "OCaml",
    "Pascal",
    "Perl",
    "PHP",
    "Regular Expressions",
    "RestructuredText",
    "Rust",
    "Scala",
    "TCL",
    "Vintage"
  ],  // 無視するパッケージ
  "indent_guide_options":
  [
    "draw_normal",
    "draw_active"
  ],  // インデントの補助線のオプション
  "indent_to_bracket": true,  // 括弧までインデント
  "line_padding_bottom": 1,  // 行の下側の余白
  "line_padding_top": 1,  // 行の上側の余白
  "match_brackets_angle": true,  // 対応する山括弧<>の強調
  "tab_size": 2,  // タブ文字の大きさ
  "theme": "Material-Theme.sublime-theme",  // テーマ
  "translate_tabs_to_spaces": true,  // タブ文字をスペースに変換
  "wrap_width": 100  //折り返し文字数
}
```

## その他、インストールするプラグイン

* [Abacus](https://packagecontrol.io/packages/Abacus)
* [Alignment](https://packagecontrol.io/packages/Alignment)
* [All Autocomplete](https://packagecontrol.io/packages/All Autocomplete)
* [AutoFileName](https://packagecontrol.io/packages/AutoFileName)
* [BetterCoffeeScript](https://github.com/aponxi/sublime-better-coffeescript)
* [BracketHighlighter](https://packagecontrol.io/packages/BracketHighlighter)
* [Browser Refresh](https://packagecontrol.io/packages/Browser Refresh)
* [Can I Use](https://packagecontrol.io/packages/Can I Use)
* [Chef](https://packagecontrol.io/packages/Chef)
* [Color Highlighter](https://packagecontrol.io/packages/Color Highlighter)
* [ColorPicker](https://packagecontrol.io/packages/ColorPicker)
* [ColorSchemeSelector](https://packagecontrol.io/packages/ColorSchemeSelector)
* [Compass](https://packagecontrol.io/packages/Compass)
* [CSScomb](https://packagecontrol.io/packages/CSScomb)
* [CTags](https://packagecontrol.io/packages/CTags)
* [CursorRuler](https://packagecontrol.io/packages/CursorRuler)
* [DocBlockr](https://packagecontrol.io/packages/DocBlockr)
* [Dockerfile Syntax Highlighting](https://packagecontrol.io/packages/Dockerfile Syntax Highlighting)
* [Dotfiles Syntax Highlighting](https://packagecontrol.io/packages/Dotfiles Syntax Highlighting)
* [Evernote](https://packagecontrol.io/packages/Evernote)
* [FileBrowser](https://packagecontrol.io/packages/FileBrowser)
* [GitGutter](https://packagecontrol.io/packages/GitGutter)
* [Goto-CSS-Declaration](https://packagecontrol.io/packages/Goto-CSS-Declaration)
* [Haml](https://packagecontrol.io/packages/Haml)
* [Hayaku - tools for writing CSS faster](https://packagecontrol.io/packages/Hayaku - tools for writing CSS faster)
* [Increment Selection](https://packagecontrol.io/packages/Increment Selection)
* [jQuery](https://packagecontrol.io/packages/jQuery)
* [LESS](https://packagecontrol.io/packages/LESS)
* [Markdown Extended](https://packagecontrol.io/packages/Markdown Extended)
* [markdown slideshow](https://github.com/ogom/sublimetext-markdown-slideshow)
* [MarkdownEditing](https://packagecontrol.io/packages/MarkdownEditing)
* [MarkdownPreview](https://github.com/revolunet/sublimetext-markdown-preview)
* [Monokai Extended](https://packagecontrol.io/packages/Monokai Extended)
* [OmniMarkupPreviewer](https://packagecontrol.io/packages/OmniMarkupPreviewer)
* [Origami](https://packagecontrol.io/packages/Origami)
* [Pandoc](https://packagecontrol.io/packages/Pandoc)
* [Pretty JSON](https://packagecontrol.io/packages/Pretty JSON)
* [RecentActiveFiles](https://packagecontrol.io/packages/RecentActiveFiles)
* [Ruby on Rails snippets](https://packagecontrol.io/packages/Ruby on Rails snippets)
* [Ruby Slim](https://packagecontrol.io/packages/Ruby Slim)
* [Sass](https://packagecontrol.io/packages/Sass)
* [Sass Snippets](https://github.com/sublimebrasil/sublime-snippets-sass)
* [SCSS](https://packagecontrol.io/packages/SCSS)
* [SideBarEnhancements](https://packagecontrol.io/packages/SideBarEnhancements)
* [SublimeCodeIntel](https://packagecontrol.io/packages/SublimeCodeIntel)
* [SublimeGit](https://packagecontrol.io/packages/SublimeGit)
* [Sublime-GitHub](https://github.com/bgreenlee/sublime-github)
* [SublimeLinter](https://packagecontrol.io/packages/SublimeLinter)
* [SublimeLinter-coffee](https://packagecontrol.io/packages/SublimeLinter-coffee)
* [sublimelinter-csslint](https://github.com/SublimeLinter/SublimeLinter-csslint)
* [SublimeLinter-haml](https://packagecontrol.io/packages/SublimeLinter-haml)
* [SublimeLinter-json](https://packagecontrol.io/packages/SublimeLinter-json)
* [SublimeLinter-rubocop](https://packagecontrol.io/packages/SublimeLinter-rubocop)
* [SublimeLinter-ruby](https://packagecontrol.io/packages/SublimeLinter-ruby)
* [SublimeLinter-slim-lint](https://packagecontrol.io/packages/SublimeLinter-slim-lint)
* [SyncedSideBar](https://packagecontrol.io/packages/SyncedSideBar)
* [Tag](https://packagecontrol.io/packages/Tag)
* [TodoReview](https://packagecontrol.io/packages/TodoReview)
* [TrailingSpaces](https://packagecontrol.io/packages/TrailingSpaces)
* [Trimmer](https://packagecontrol.io/packages/Trimmer)
* [Vagrant](https://packagecontrol.io/packages/Vagrant)

## テーマのインストール

* [Agila Theme](https://github.com/arvi/Agila-Theme/releases)
* [Material Theme](https://github.com/equinusocio/material-theme)
* [Sunrise Theme](https://github.com/jgroac/Sunrise-theme)
* [Theme - Afterglow](https://github.com/YabataDesign/afterglow-theme)
* [Theme - Centurion](https://github.com/allanhortle/Centurion)
* [Theme - cobalt2](https://github.com/wesbos/cobalt2)
* [Theme - Flatland](https://github.com/thinkpixellab/flatland)
* [Theme - Soda](http://buymeasoda.github.io/soda-theme/)
* [Theme Autumn](https://github.com/diegoaz/theme-autumn)
* [Theme Kronuz](https://github.com/kronuz/kronuz-theme)
* [Visual Studio dark](https://github.com/nikeee/visual-studio-dark)

## Markdown の設定

### Monokai Extended の有効化

[基本設定]-[カラースキーマ]-[Monokai Extended]-[Monokai Extended]

![image](https://qiita-image-store.s3.amazonaws.com/0/112128/d503f283-29e8-9f98-d3ea-b32544e7dfd8.png)

1. 拡張子が md のファイルを開く。
2. [表示]-[シンタックス]-[Open all with current extension as...]-[Markdown Extended]

![image](https://qiita-image-store.s3.amazonaws.com/0/112128/7d07361b-79ef-556c-c75b-d5d5e0544815.png)

OmniMarkupPreviewer の機能

- Ctrl + Alt + O：ブラウザでプレビューする
- Ctrl + Alt + X：Markdown ファイルを html ファイルとしてエクスポートする
- Ctrl + Alt + C：Markdown ファイルを html ファイルとしてコピーする

## subl コマンドで Sublime Text を呼び出せるようにする

cmd プロンプトで下記のコマンドを実行

``` batch:cmd.exe
C:\>copy /Y "C:\Program Files\Sublime Text 3\subl.exe" C:\Windows\System32
```

``` batch:result
        1 個のファイルをコピーしました。
```

subl とコマンドを実行すると、Sublime Text が起動します。

``` batch:cmd.exe
C:\>subl
```

# 完了

# 参考文献

* [SublimeText3 : PackageControlをProxy経由で使う方法と「There are no packages available for installation」エラーの対処](http://okisanjp.hatenablog.jp/entry/archives/782)
* [[git不要]簡単になったSublime Text 3のPackage Controlインストール方法](https://webgoto.net/228/)
* [Best Sublime Text 3 Themes of 2015 and 2016](https://scotch.io/bar-talk/best-sublime-text-3-themes-of-2015-and-2016)
* [Sublime Text で Markdown を快適にする3つのパッケージ](http://webmem.hatenablog.com/entry/sublime-text-markdown)
* [SublimeText3を2年以上使って、生き残ったPluginを紹介します。](http://qiita.com/MakoTano/items/8853caa206283df5e1f9)
* [Sublime Text3 を導入から設定まで詳しく解説するよ！](http://ideahacker.net/2014/01/26/7054/)
* [SublimeText3を2年以上使って、生き残ったPluginを紹介します。](http://qiita.com/MakoTano/items/8853caa206283df5e1f9)
* [恋に落ちるエディタSublimeText vs 恋に落ちない私](http://kuroeveryday.blogspot.jp/2014/06/sublime-text.html)
* [Sublime Text 2 のDefault設定ファイルを眺める](http://blue-ham-cake1024.hatenablog.com/entry/2012/09/07/Sublime_Text_2_%E3%81%AEDefault%E8%A8%AD%E5%AE%9A%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E3%82%92%E7%9C%BA%E3%82%81%E3%82%8B)
* [Sublime Text 3のDefault設定ファイルを眺める](https://cozyattic.wordpress.com/2013/08/01/sublime-text-3%E3%81%AEdefault%E8%A8%AD%E5%AE%9A%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E3%82%92%E7%9C%BA%E3%82%81%E3%82%8B/9)