via Impress Japan: Web制作者のためのSublime Textの教科書 今すぐ最高のエディタを使いこなすプロのノウハウ
サンプルPDF4章の目次より
※説明は私の調べたものなのでかなり適当です。
SideBarEnhancements
サイドバー右クリックのメニューを拡張
titoBouzout/SideBarEnhancements
LineEndings
改行コードの変更。
※現状、SublimeText3で動かないです。143Pのコラムで動かし方について言及がある模様。
TrailingSpaces
行末の半角スペースを削除。
Focus Last Tab
Sublime Text 2 では、Chrome などのタブブラウザーと同じように command + 1 〜 9 で切り替えができます。 唯一違うのは、command + 9 は最後のタブではなく、9番目のタブに切り替わること。 つまり9個以上タブを開いていない場合には機能しません。 この挙動を Chrome などと揃えるために Focus Last Tab というパッケージを入れてみました。
via Sublime Text 2 のタブ選択をブラウザーと同じようにする // understandard
Quick File Open
よく使うファイルをすぐに呼び出せるようにする Package
via よく使うファイルをすぐに呼び出せるようにする Sublime Text Package // understandard
gsingh93/sublime-quick-file-open
GotoRecent
GotoRecent 最近開いたファイルを簡単に ショートカット「Ctrl+shift+R」
via Sublime Text 2を導入をしてみた。参考サイトなど | 零のメモ張
RecentActiveFiles
直近で利用したファイル一覧を表示可能になります。 ⌘ + k + ⌘ + t のキーバインドで表示します。
via Rails - オレオレ Sublime Text 環境まとめ - Qiita
jugyo/SublimeRecentActiveFiles
Zip Browser
Zipアーカイブの中身を表示
※目次では'Zip Browse'となってるけどたぶんタイポでこれのことだと思う。
klorenz / SublimeZipBrowser / ソース / — Bitbucket
Local History
GitやSVNがなくても使える簡易バージョン管理ができる
via 【追記】【寄せあつめ】今さらだけどSublime Text 2の基本とカスタマイズ【&Vim化】【4日目】 | Developers.IO
SublimeOnSaveBuild
ファイル保存時に自動でビルドさせる
via Y.A.M の 雑記帳: Sublime Text 2 でファイル保存時に自動でビルドさせる
AdvancedNewFile
新規のフォルダやファイルをダイアログから素早く作成する。
via Sublime Text: AdvancedNewFile で、フォルダやファイルを素早く作成する (Nettuts+ Fetch も) | deadwood
skuroda/Sublime-AdvancedNewFile
Terminal
ターミナルを起動させる
via SublimeTextからMacのターミナルを起動させるプラグインで作業効率ガチ上げ! | メモ帳代わりのブログ
BoundKeys
キーバインド設定一覧を表示
SuperSelect
Cmd+D(Ctrl+D)を拡張する。任意の単語を順番に、スキップしながら、反転するなど。使い方は公式サイトを参照。
via Sublime Text 2 Packages.
BufferScroll
スクロールやキャレット位置を記憶して復元
Nettuts+ Fetch
外部リソースを簡単なコマンドで手元にpullする事ができます。 例えば、普段からよく使うjQueryやリセット用のCSS、 常用するフレームワークや、Wordpress等のCMS等、 設定さえしておけば、コマンド一発(正確には三発)でダウンロード・展開してくれます。
via Sublime TextとNettuts+ Fetchで音速のスタートアップ – Mach3.laBlog
cdnjs
様々な有名jsライブラリを公開しているCDNサービスから、 使いたいライブラリを選択してscriptタグとして挿入できるパッケージ
via Sublime Text2の作業効率を加速させるパッケージ12個 | WEB EGG
BracketHighlighter
開始/終了タグの強調
facelessuser/BracketHighlighter
SublimeCodeIntel
ユーザー定義変数/関数の補完や定義元ジャンプができるようになる。
via [SublimeText2]SublimeCodeIntelで更にIDE化 | DevAchieve
SublimeCodeIntel/SublimeCodeIntel
SublimeLinter
文法チェックをリアルタイムでしてくれる
via noanoa 日々の日記 : Sublime Text 3 での SublimeLinter の設定
All Autocomplete
標準の自動補完(オートコンプリート)機能を強化し、マッチする文字列があればサジェストする。
via 不肖者の人生実験
alienhard/SublimeAllAutocomplete
Alignment
選択範囲の整形。
via [SublimeText2]「第0回 Sublime Text 2 勉強会」で紹介されたプラグインまとめ - The Powerful Code
Tag
閉じタグ </ 打つと補完してくれるので地味に便利!
via SublimeText2/3 環境設定とか(基本3) - Qiita
CSScomb
CSSのプロパティをソートしてくれる便利ツールです。またソートするプロパティの順番も自分でカスタマイズ可能!ものぐさな自分にとって痒いところに手が届くマストなツールです。
via 【便利ツール】CSScomb for sublime text 2で、CSSプロパティを整理・整頓【16日目】 | Developers.IO
Smart Delete
キャレット位置前後のスペースを一発で削除する
Goto-CSS-Declaration
htmlを編集中に、ショートカットキー一発でcssの該当idやclass、要素にジャンプできる
via じっくり解説!Sublime Text 2 プラグイン 「Goto-CSS-Declaration」 - フロントエンドとかPCとかスマホとか
rmaksim/Sublime-Text-2-Goto-CSS-Declaration
View in Browser
HTMLをブラウザでプレビュー
adampresley/sublime-view-in-browser
Browser Reflesh
ファイルを保存すると同時にブラウザのプレビューを更新してくれる
via SublimeTextで保存した瞬間にブラウザプレビューを更新してくれるパッケージ「Browser Refresh」の使い方 | iPhone・Macの情報発信ブログ "NUMBER333"
gcollazo/BrowserRefresh-Sublime
LiveReload
ファイル保存のたびにブラウザを自動リロードしてくれる
via Sublime Text 2 に LiveReload を導入する【Windows】 | weblog
Live Style
ブラウザプレビューのリアルタイム更新。
Sass
Sassのシンタックスハイライトとコード補完
SCSS
SCSSのシンタックスハイライトとコード補完
SASS Build
SulimeText内でSassをコンパイルすることができます。
via SublimeText(Windows、Mac)をSassで使いやすい設定にする | Web制作者のためのSassの教科書 - 公式サポートサイト
jaumefontal/SASS-Build-SublimeText2
SASS Snippets
関数などのスニペットが入っています。
via SublimeText(Windows、Mac)をSassで使いやすい設定にする | Web制作者のためのSassの教科書 - 公式サポートサイト
Compass
Compassのスニペットと、Compassをコンパイルすることができます。
via SublimeText(Windows、Mac)をSassで使いやすい設定にする | Web制作者のためのSassの教科書 - 公式サポートサイト
whatwedo/Sublime-Text-2-Compass-Build-System
LESS
LESS のシンタックスハイライト。
LESS-build
LESSのコンパイル。
Stylus
Stylusのコンパイルとシンタックスハイライト。
Haml
Hamlのシンタックスハイライト。
phuibonhoa/handcrafted-haml-textmate-bundle
Jade
Jadeののシンタックスハイライト。
Jade Build
Jadeのコンパイル。
Ruby Slim
Slimのシンタックスハイライト。
slim-template/ruby-slim.tmbundle
Handlebars
Handlebarのシンタックスハイライト。
Twitter Bootstrap Snippets
Bootstrapのスニペット。
devtellect/sublime-twitter-bootstrap-snippets
Bootstrap 3 Snippets
Bootstrap3のスニペット。
JasonMortonNZ/bs3-sublime-plugin
Bootstrap 3 Jade Snippets
Bootstrap-Jadeのスニペット。
rs459/bootstrap3-jade-sublime-plugin
Foundation 5 Snippets
Foundation5のスニペット。
zurb/foundation-5-sublime-snippets
Wordpress
Wordpressのコード補完。
purplefish32/sublime-text-2-wordpress
Search Wordpress Codex
WordPress Codexを検索できるようにする。
welovewordpress/SublimeWordPressCodex
Search Stack Overflow
Stack Overflowを検索できるようにする。
ericmartel/Sublime-Text-2-Stackoverflow-Plugin
Can I Use
選択した要素の各ブラウザ対応状況を調べる
Sublime-text-caniuse by Azd325
Emmet
Emmetを使えるようにする。
Hayaku
Hayakuを使えるようにする。
Inc-Dec-Value
テキスト中に含まれる数字と#fffffなどを増減できます。 option + 上下矢印キーで動かせるようになります。忘れがちですが地味に便利です。
via SublimeText2を3ヶ月使ってみて利用を決めたPackageまとめ
rmaksim/Sublime-Text-2-Inc-Dec-Value
AutoFileName
htmlやcssを書いているときに、ファイルを指定する事よくあります。 そんな時にめちゃ便利なプラグインです。 例えば、htmlのimgタグを入力中に、別の階層にある画像ファイルを指定する場合、ディレクトリを構造を移動しながら、ファイルを選択して指定することができ、さらに、画像の width heightも自動的にセットしてくれます。
via じっくり解説!Sublime Text 2 プラグイン 「AutoFileName」 - フロントエンドとかPCとかスマホとか
Colorpicker
カラーピッカー。
image2Base64
画像ファイルをSublime Textにドロップした時に 自動的にbase64エンコードした文字列に変換してくれるようになります。
via Sublime Text2の作業効率を加速させるパッケージ12個 | WEB EGG
tm-minty/sublime-text-2-image2base64
JavaScript Console
Javascriptのスニペット。
caiogondim/js-console-sublime-snippets
JavaScript Patterns
JavaScriptパターンのスニペット。
caiogondim/js-patterns-sublime-snippets
jQuery
jQueryのスニペット。
AndyJS2
JavaScript と jQuery の入力補完。
Underscorejs snippets
Underscore.jsのスニペット。
AntouanK/sublime-underscorejs-snippets
Backbone.js
Backbone.jsのスニペット。
tomasztunik/Sublime-Text-2-Backbone.js-package
AngularJS
AngularJSのスニペット。
angular-ui/AngularJS-sublime-package
Jasmine
Jasmineを利用できるようにする。
Mocha Snippets
Mochaのスニペット。
jfromaniello/sublime-mocha-snippets
Better CoffeeScript
coffee scriptはjsに変換する必要があります。 保存と同時にビルドしてくれるSublime Textプラグインをご紹介。
via Better coffeeScriptでキマリ | はらぺこ屋
aponxi/sublime-better-coffeescript
Better TypeScript
TypeScriptのシンタックスハイライト。
lavrton/sublime-better-typescript
Dart
Dartのシンタックスハイライト。
JsMinifier
jsファイルのミニファイ。
※とてもまぎらわしい似たような名前のがあります。
Python Auto-Complete
Pythonのコード補完。
eliquious/Python-Auto-Complete
Python Flake8 Lint
Python用のLintツール?
DocBlockr
コメントブロックの自動補完。
これとかこれへの対策書いてあるかな。。
Markdown Preview
Markdownをブラウザでプレビュー。
revolunet/sublimetext-markdown-preview
Dotfiles Syntax Highlighting
.gitignoreや.bash_profile等のシンタックスハイライト。
mattbanks/dotfiles-syntax-highlighting-st2
ApacheConf.tmLanguage
Apache Confファイルの文法ハイライト。
via おすすめプラグイン - Sublime Text2 Wiki*
sublime-github
Githubを利用できるようにする。
sublimeGit
Gitを利用できるようにする。
SublimeServer
Sublime Serverは、Sublime Text 2で動作する簡易Webサーバープラグインです。
via すぐに使える簡易サーバーでHTMLをチェックする3つの方法 – Mach3.laBlog
Sublime SFTP
SFTPを利用できるようにする。
Sublime SFTP – an FTP, FTPS & SFTP Package for Sublime Text by wbond
感想
半分くらいは知らなかった。
使い方わからない/日本語のドキュメントが一切無いのも多いし、
結局本書を買わざるをえないという罠でした。