SublimeTextの教科書で紹介されてるプラグインまとめ


![Impress Japan: Web制作者のためのSublime Textの教科書 今すぐ最高のエディタを使いこなすプロのノウハウ](http://img.ips.co.jp/ij/13/1113101106/1113101106-170x.jpg "Impress Japan: Web制作者のためのSublime Textの教科書 今すぐ最高のエディタを使いこなすプロのノウハウ")
*via [Impress Japan: Web制作者のためのSublime Textの教科書 今すぐ最高のエディタを使いこなすプロのノウハウ](http://www.impressjapan.jp/books/1113101106)*


サンプルPDF4章の目次より

※説明は私の調べたものなのでかなり適当です。

## SideBarEnhancements
サイドバー右クリックのメニューを拡張

[titoBouzout/SideBarEnhancements](https://github.com/titoBouzout/SideBarEnhancements)


## LineEndings
改行コードの変更。

[SublimeText/LineEndings](https://github.com/SublimeText/LineEndings)

※現状、SublimeText3で動かないです。143Pのコラムで動かし方について言及がある模様。

## TrailingSpaces
行末の半角スペースを削除。

[SublimeText/TrailingSpaces](https://github.com/SublimeText/TrailingSpaces)

## Focus Last Tab
>Sublime Text 2 では、Chrome などのタブブラウザーと同じように command + 1 〜 9 で切り替えができます。 唯一違うのは、command + 9 は最後のタブではなく、9番目のタブに切り替わること。 つまり9個以上タブを開いていない場合には機能しません。  この挙動を Chrome などと揃えるために Focus Last Tab というパッケージを入れてみました。
*via [Sublime Text 2 のタブ選択をブラウザーと同じようにする // understandard](http://www.understandard.net/tool/tool010.html)*

[eproxus/focus_last_tab](https://github.com/eproxus/focus_last_tab)

## Quick File Open
>よく使うファイルをすぐに呼び出せるようにする Package
*via [よく使うファイルをすぐに呼び出せるようにする Sublime Text Package // understandard](http://www.understandard.net/tool/tool013.html)*

[gsingh93/sublime-quick-file-open](https://github.com/gsingh93/sublime-quick-file-open)

## GotoRecent
>GotoRecent　最近開いたファイルを簡単に　ショートカット「Ctrl+shift+R」
*via [Sublime Text 2を導入をしてみた。参考サイトなど | 零のメモ張](http://shirura.jugem.jp/?eid=144)*

[paccator/GotoRecent](https://github.com/paccator/GotoRecent)

## RecentActiveFiles
>直近で利用したファイル一覧を表示可能になります。 ⌘ + k + ⌘ + t のキーバインドで表示します。
*via [Rails - オレオレ Sublime Text 環境まとめ - Qiita](http://qiita.com/fakestarbaby/items/bd72acb2eda25b5523d0)*

[jugyo/SublimeRecentActiveFiles](https://github.com/jugyo/SublimeRecentActiveFiles)

## Zip Browser
Zipアーカイブの中身を表示
※目次では'Zip Browse'となってるけどたぶんタイポでこれのことだと思う。

[klorenz / SublimeZipBrowser / ソース / — Bitbucket](https://bitbucket.org/klorenz/sublimezipbrowser/src/11b667184e5d?at=default)

## Local History
>GitやSVNがなくても使える簡易バージョン管理ができる
*via [【追記】【寄せあつめ】今さらだけどSublime Text 2の基本とカスタマイズ【&Vim化】【4日目】 ｜ Developers.IO](http://dev.classmethod.jp/tool/html-corder-sublime-text-2-customize/)*

[vishr/local-history](https://github.com/vishr/local-history)

## SublimeOnSaveBuild
>ファイル保存時に自動でビルドさせる
*via [Y.A.M の 雑記帳: Sublime Text 2 でファイル保存時に自動でビルドさせる](http://y-anz-m.blogspot.jp/2012/11/sublime-text-2.html)*

[alexnj/SublimeOnSaveBuild](https://github.com/alexnj/SublimeOnSaveBuild)

## AdvancedNewFile
>新規のフォルダやファイルをダイアログから素早く作成する。
*via [Sublime Text: AdvancedNewFile で、フォルダやファイルを素早く作成する (Nettuts+ Fetch も) | deadwood](http://www.d-wood.com/blog/2013/11/08_4994.html)*

[skuroda/Sublime-AdvancedNewFile](https://github.com/skuroda/Sublime-AdvancedNewFile)

## Terminal
>ターミナルを起動させる
*via [SublimeTextからMacのターミナルを起動させるプラグインで作業効率ガチ上げ！ | メモ帳代わりのブログ](http://www.absolute-keitarou.net/blog/?p=292)*

[wbond/sublime_terminal](https://github.com/wbond/sublime_terminal)

## BoundKeys
キーバインド設定一覧を表示

[CodeEffect/BoundKeys](https://github.com/CodeEffect/BoundKeys)

## SuperSelect
>Cmd+D(Ctrl+D)を拡張する。任意の単語を順番に、スキップしながら、反転するなど。使い方は公式サイトを参照。
*via [Sublime Text 2 Packages.](https://gist.github.com/konitter/4652460)*

[codecarson/SublimeSuperSelect](https://github.com/codecarson/SublimeSuperSelect)

## BufferScroll
スクロールやキャレット位置を記憶して復元

[titoBouzout/BufferScroll](https://github.com/titoBouzout/BufferScroll)

## Nettuts+ Fetch
>外部リソースを簡単なコマンドで手元にpullする事ができます。  例えば、普段からよく使うjQueryやリセット用のCSS、 常用するフレームワークや、Wordpress等のCMS等、 設定さえしておけば、コマンド一発（正確には三発）でダウンロード・展開してくれます。
*via [Sublime TextとNettuts+ Fetchで音速のスタートアップ – Mach3.laBlog](http://blog.mach3.jp/2012/01/10/sublime-text-and-nettuts-fetch.html)*

[weslly/Nettuts-Fetch](https://github.com/weslly/Nettuts-Fetch)

## cdnjs
>様々な有名jsライブラリを公開しているCDNサービスから、 使いたいライブラリを選択してscriptタグとして挿入できるパッケージ
*via [Sublime Text2の作業効率を加速させるパッケージ12個 | WEB EGG](http://leko.jp/archives/453)*

[dafrancis/Sublime-Text--cdnjs](https://github.com/dafrancis/Sublime-Text--cdnjs)

## BracketHighlighter
開始/終了タグの強調

[facelessuser/BracketHighlighter](https://github.com/facelessuser/BracketHighlighter)

## SublimeCodeIntel
>ユーザー定義変数/関数の補完や定義元ジャンプができるようになる。
*via [[SublimeText2]SublimeCodeIntelで更にIDE化 | DevAchieve](http://wada811.blogspot.com/2013/02/sublime-text-2-sublime-code-intel.html)*

[SublimeCodeIntel/SublimeCodeIntel](https://github.com/SublimeCodeIntel/SublimeCodeIntel)

## SublimeLinter
>文法チェックをリアルタイムでしてくれる
*via [noanoa 日々の日記 : Sublime Text 3 での SublimeLinter の設定](http://blog.livedoor.jp/noanoa07/archives/1961271.html)*

[SublimeLinter/SublimeLinter3](https://github.com/SublimeLinter/SublimeLinter3)

## All Autocomplete
>標準の自動補完（オートコンプリート）機能を強化し、マッチする文字列があればサジェストする。
*via [不肖者の人生実験](http://fusyomono1.blogspot.jp/2013/03/sublime-text2-sublime-text2-sublime.html)*

[alienhard/SublimeAllAutocomplete](https://github.com/alienhard/SublimeAllAutocomplete)

## Alignment
>選択範囲の整形。
*via [[SublimeText2]「第0回 Sublime Text 2 勉強会」で紹介されたプラグインまとめ - The Powerful Code](http://powerful-code.com/blog/2012/11/plugins-for-st2/)*

[wbond/sublime_alignment](https://github.com/wbond/sublime_alignment)

## Tag
>閉じタグ </ 打つと補完してくれるので地味に便利！
*via [SublimeText2/3 環境設定とか（基本3） - Qiita](http://qiita.com/tatsuoSakurai/items/cd9e22a9dc4e10ea6deb)*

[SublimeText/Tag](https://github.com/SublimeText/Tag)

## CSScomb
>CSSのプロパティをソートしてくれる便利ツールです。またソートするプロパティの順番も自分でカスタマイズ可能！ものぐさな自分にとって痒いところに手が届くマストなツールです。
*via [【便利ツール】CSScomb for sublime text 2で、CSSプロパティを整理・整頓【16日目】 ｜ Developers.IO](http://dev.classmethod.jp/tool/csscomb/)*

[csscomb/csscomb-for-sublime](https://github.com/csscomb/CSScomb-for-Sublime)

## Smart Delete
キャレット位置前後のスペースを一発で削除する

[mac2000/sublime-smart-delete](https://github.com/mac2000/sublime-smart-delete)

## Goto-CSS-Declaration
>htmlを編集中に、ショートカットキー一発でcssの該当idやclass、要素にジャンプできる
*via [じっくり解説！Sublime Text 2 プラグイン 「Goto-CSS-Declaration」 - フロントエンドとかPCとかスマホとか](http://d.hatena.ne.jp/keyword/css)*

[rmaksim/Sublime-Text-2-Goto-CSS-Declaration](https://github.com/rmaksim/Sublime-Text-2-Goto-CSS-Declaration)

## View in Browser
HTMLをブラウザでプレビュー

[adampresley/sublime-view-in-browser](https://github.com/adampresley/sublime-view-in-browser)

## Browser Reflesh
>ファイルを保存すると同時にブラウザのプレビューを更新してくれる
*via [SublimeTextで保存した瞬間にブラウザプレビューを更新してくれるパッケージ「Browser Refresh」の使い方 | iPhone・Macの情報発信ブログ "NUMBER333"](http://number333.org/2013/11/07/sublime-text-browser-refresh/)*

[gcollazo/BrowserRefresh-Sublime](https://github.com/gcollazo/BrowserRefresh-Sublime)

## LiveReload
>ファイル保存のたびにブラウザを自動リロードしてくれる
*via [Sublime Text 2 に LiveReload を導入する【Windows】 | weblog](http://weblog.masakiyoshida.com/tools/sublimetext2-livereload/)*

[dz0ny/LiveReload-sublimetext2](https://github.com/dz0ny/LiveReload-sublimetext2)

## Live Style
ブラウザプレビューのリアルタイム更新。

[emmetio/livestyle-sublime](https://github.com/emmetio/livestyle-sublime)

## Sass
Sassのシンタックスハイライトとコード補完

[nathos/sass-textmate-bundle](https://github.com/nathos/sass-textmate-bundle)

## SCSS
SCSSのシンタックスハイライトとコード補完

[MarioRicalde/SCSS.tmbundle](https://github.com/MarioRicalde/SCSS.tmbundle)

## SASS Build
>SulimeText内でSassをコンパイルすることができます。
*via [SublimeText（Windows、Mac）をSassで使いやすい設定にする | Web制作者のためのSassの教科書 - 公式サポートサイト](http://book.scss.jp/about/c7/editor/st.html)*

[jaumefontal/SASS-Build-SublimeText2](https://github.com/jaumefontal/SASS-Build-SublimeText2)

## SASS Snippets
>関数などのスニペットが入っています。
*via [SublimeText（Windows、Mac）をSassで使いやすい設定にする | Web制作者のためのSassの教科書 - 公式サポートサイト](http://book.scss.jp/about/c7/editor/st.html)*

[npostulart/SCSS-Snippets](https://github.com/npostulart/SCSS-Snippets)

## Compass
>Compassのスニペットと、Compassをコンパイルすることができます。
*via [SublimeText（Windows、Mac）をSassで使いやすい設定にする | Web制作者のためのSassの教科書 - 公式サポートサイト](http://book.scss.jp/about/c7/editor/st.html)*

[whatwedo/Sublime-Text-2-Compass-Build-System](https://github.com/WhatWeDo/Sublime-Text-2-Compass-Build-System)

## LESS
LESS のシンタックスハイライト。

[danro/LESS-sublime](https://github.com/danro/LESS-sublime)

## LESS-build
LESSのコンパイル。

[berfarah/LESS-build-sublime](https://github.com/berfarah/LESS-build-sublime)

## Stylus
Stylusのコンパイルとシンタックスハイライト。

[billymoon/Stylus](https://github.com/billymoon/Stylus)

## Haml
Hamlのシンタックスハイライト。

[phuibonhoa/handcrafted-haml-textmate-bundle](https://github.com/phuibonhoa/handcrafted-haml-textmate-bundle)

## Jade
Jadeののシンタックスハイライト。

[github.​com](https://github.com/davidrios/jade-tmbundle)

## Jade Build
Jadeのコンパイル。

[mutian.​github.​io](http://mutian.github.io/Jade-Build/)

## Ruby Slim
Slimのシンタックスハイライト。

[slim-template/ruby-slim.tmbundle](https://github.com/slim-template/ruby-slim.tmbundle)

## Handlebars
Handlebarのシンタックスハイライト。

[daaain/Handlebars](https://github.com/daaain/Handlebars)

## Twitter Bootstrap Snippets
Bootstrapのスニペット。

[devtellect/sublime-twitter-bootstrap-snippets](https://github.com/devtellect/sublime-twitter-bootstrap-snippets)

## Bootstrap 3 Snippets
Bootstrap3のスニペット。

[JasonMortonNZ/bs3-sublime-plugin](https://github.com/JasonMortonNZ/bs3-sublime-plugin)

## Bootstrap 3 Jade Snippets
Bootstrap-Jadeのスニペット。

[rs459/bootstrap3-jade-sublime-plugin](https://github.com/rs459/bootstrap3-jade-sublime-plugin)

## Foundation 5 Snippets
Foundation5のスニペット。

[zurb/foundation-5-sublime-snippets](https://github.com/zurb/foundation-5-sublime-snippets)

## Wordpress
Wordpressのコード補完。

[purplefish32/sublime-text-2-wordpress](https://github.com/purplefish32/sublime-text-2-wordpress)

## Search Wordpress Codex
WordPress Codexを検索できるようにする。

[welovewordpress/SublimeWordPressCodex](https://github.com/welovewordpress/SublimeWordPressCodex)

## Search Stack Overflow
Stack Overflowを検索できるようにする。

[ericmartel/Sublime-Text-2-Stackoverflow-Plugin](https://github.com/ericmartel/Sublime-Text-2-Stackoverflow-Plugin)

## Can I Use
選択した要素の各ブラウザ対応状況を調べる

[Sublime-text-caniuse by Azd325](http://azd325.github.io/sublime-text-caniuse/)

## Emmet
Emmetを使えるようにする。

[sergeche/emmet-sublime](https://github.com/sergeche/emmet-sublime)

## Hayaku
Hayakuを使えるようにする。

[hayaku/hayaku](https://github.com/hayaku/hayaku)

## Inc-Dec-Value
>テキスト中に含まれる数字と#fffffなどを増減できます。 option + 上下矢印キーで動かせるようになります。忘れがちですが地味に便利です。
*via [SublimeText2を3ヶ月使ってみて利用を決めたPackageまとめ](http://news.ko-zu.com/package/)*

[rmaksim/Sublime-Text-2-Inc-Dec-Value](https://github.com/rmaksim/Sublime-Text-2-Inc-Dec-Value)

## AutoFileName
>htmlやcssを書いているときに、ファイルを指定する事よくあります。 そんな時にめちゃ便利なプラグインです。  例えば、htmlのimgタグを入力中に、別の階層にある画像ファイルを指定する場合、ディレクトリを構造を移動しながら、ファイルを選択して指定することができ、さらに、画像の width heightも自動的にセットしてくれます。
*via [じっくり解説！Sublime Text 2 プラグイン 「AutoFileName」 - フロントエンドとかPCとかスマホとか](http://charlie.hateblo.jp/entry/2013/04/19/112120)*

[BoundInCode/AutoFileName](https://github.com/BoundInCode/AutoFileName)

## Colorpicker
カラーピッカー。

[weslly/ColorPicker](https://github.com/weslly/ColorPicker)

## image2Base64
>画像ファイルをSublime Textにドロップした時に 自動的にbase64エンコードした文字列に変換してくれるようになります。
*via [Sublime Text2の作業効率を加速させるパッケージ12個 | WEB EGG](http://leko.jp/archives/453)*

[tm-minty/sublime-text-2-image2base64](https://github.com/tm-minty/sublime-text-2-image2base64)

## JavaScript Console
Javascriptのスニペット。

[caiogondim/js-console-sublime-snippets](https://github.com/caiogondim/js-console-sublime-snippets)

## JavaScript Patterns
JavaScriptパターンのスニペット。

[caiogondim/js-patterns-sublime-snippets](https://github.com/caiogondim/js-patterns-sublime-snippets)

## jQuery
jQueryのスニペット。

[SublimeText/jQuery](https://github.com/SublimeText/jQuery)

## AndyJS2
JavaScript と jQuery の入力補完。

[agibsonsw/AndyJS2](https://github.com/agibsonsw/AndyJS2)

## Underscorejs snippets
Underscore.jsのスニペット。

[AntouanK/sublime-underscorejs-snippets](https://github.com/AntouanK/sublime-underscorejs-snippets)

## Backbone.js
Backbone.jsのスニペット。

[tomasztunik/Sublime-Text-2-Backbone.js-package](https://github.com/tomasztunik/Sublime-Text-2-Backbone.js-package)

## AngularJS
AngularJSのスニペット。

[angular-ui/AngularJS-sublime-package](https://github.com/angular-ui/AngularJS-sublime-package)

## Jasmine
Jasmineを利用できるようにする。

[gja/sublime-text-2-jasmine](https://github.com/gja/sublime-text-2-jasmine)

## Mocha Snippets
Mochaのスニペット。

[jfromaniello/sublime-mocha-snippets](https://github.com/jfromaniello/sublime-mocha-snippets)

## Better CoffeeScript
>coffee scriptはjsに変換する必要があります。 保存と同時にビルドしてくれるSublime Textプラグインをご紹介。
*via [Better coffeeScriptでキマリ | はらぺこ屋](http://harapeko.wktk.so/blog/blog-web/js-blog-web/2013-07-12/1246)*

[aponxi/sublime-better-coffeescript](https://github.com/aponxi/sublime-better-coffeescript)

## Better TypeScript
TypeScriptのシンタックスハイライト。

[lavrton/sublime-better-typescript](https://github.com/lavrton/sublime-better-typescript)

## Dart
Dartのシンタックスハイライト。

[dart-lang/dart-sublime-bundle](https://github.com/dart-lang/dart-sublime-bundle)

## JsMinifier
jsファイルのミニファイ。
※とてもまぎらわしい似たような名前のがあります。

[cgutierrez/JsMinifier](https://github.com/cgutierrez/JsMinifier)

## Python Auto-Complete
Pythonのコード補完。

[eliquious/Python-Auto-Complete](https://github.com/eliquious/Python-Auto-Complete)

## Python Flake8 Lint
Python用のLintツール？

[dreadatour/Flake8Lint](https://github.com/dreadatour/Flake8Lint)

## DocBlockr
コメントブロックの自動補完。
[これ](http://koizuss.hatenablog.com/entry/2013/01/14/112350)とか[これ](http://qiita.com/cocottejs/items/98ba0fd5093871d9d121)への対策書いてあるかな。。

[spadgos/sublime-jsdocs](https://github.com/spadgos/sublime-jsdocs)

## Markdown Preview
Markdownをブラウザでプレビュー。

[revolunet/sublimetext-markdown-preview](https://github.com/revolunet/sublimetext-markdown-preview)

## Dotfiles Syntax Highlighting
.gitignoreや.bash_profile等のシンタックスハイライト。

[mattbanks/dotfiles-syntax-highlighting-st2](https://github.com/mattbanks/dotfiles-syntax-highlighting-st2)

## ApacheConf.tmLanguage
>Apache Confファイルの文法ハイライト。
*via [おすすめプラグイン - Sublime Text2 Wiki*](http://wikiwiki.jp/sublimetext2/?%A4%AA%A4%B9%A4%B9%A4%E1%A5%D7%A5%E9%A5%B0%A5%A4%A5%F3)*

[colinta/ApacheConf.tmLanguage](https://github.com/colinta/ApacheConf.tmLanguage)

## sublime-github
Githubを利用できるようにする。

[bgreenlee/sublime-github](https://github.com/bgreenlee/sublime-github)

## sublimeGit
Gitを利用できるようにする。

[SublimeGit](https://sublimegit.net/)

## SublimeServer
>Sublime Serverは、Sublime Text 2で動作する簡易Webサーバープラグインです。
*via [すぐに使える簡易サーバーでHTMLをチェックする3つの方法 – Mach3.laBlog](http://blog.mach3.jp/2012/09/21/check-html-with-simple-server.html)*

[learning/SublimeServer](https://github.com/learning/SublimeServer)

## Sublime SFTP
SFTPを利用できるようにする。

[Sublime SFTP – an FTP, FTPS & SFTP Package for Sublime Text by wbond](http://wbond.net/sublime_packages/sftp)

# 感想

半分くらいは知らなかった。
使い方わからない／日本語のドキュメントが一切無いのも多いし、
結局本書を買わざるをえないという罠でした。

### あとプラグイン探しはパッケージブラウザが便利です
[Package Control - the Sublime Text package manager](https://sublime.wbond.net/)