Edited at

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

More than 5 years have passed since last update.

Impress Japan: Web制作者のためのSublime Textの教科書 今すぐ最高のエディタを使いこなすプロのノウハウ

via Impress Japan: Web制作者のためのSublime Textの教科書 今すぐ最高のエディタを使いこなすプロのノウハウ

サンプルPDF4章の目次より

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


SideBarEnhancements

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

titoBouzout/SideBarEnhancements


LineEndings

改行コードの変更。

SublimeText/LineEndings

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


TrailingSpaces

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

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


eproxus/focus_last_tab


Quick File Open


よく使うファイルをすぐに呼び出せるようにする Package

via よく使うファイルをすぐに呼び出せるようにする Sublime Text Package // understandard


gsingh93/sublime-quick-file-open


GotoRecent


GotoRecent 最近開いたファイルを簡単に ショートカット「Ctrl+shift+R」

via Sublime Text 2を導入をしてみた。参考サイトなど | 零のメモ張


paccator/GotoRecent


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


vishr/local-history


SublimeOnSaveBuild


ファイル保存時に自動でビルドさせる

via Y.A.M の 雑記帳: Sublime Text 2 でファイル保存時に自動でビルドさせる


alexnj/SublimeOnSaveBuild


AdvancedNewFile


新規のフォルダやファイルをダイアログから素早く作成する。

via Sublime Text: AdvancedNewFile で、フォルダやファイルを素早く作成する (Nettuts+ Fetch も) | deadwood


skuroda/Sublime-AdvancedNewFile


Terminal


ターミナルを起動させる

via SublimeTextからMacのターミナルを起動させるプラグインで作業効率ガチ上げ! | メモ帳代わりのブログ


wbond/sublime_terminal


BoundKeys

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

CodeEffect/BoundKeys


SuperSelect


Cmd+D(Ctrl+D)を拡張する。任意の単語を順番に、スキップしながら、反転するなど。使い方は公式サイトを参照。

via Sublime Text 2 Packages.


codecarson/SublimeSuperSelect


BufferScroll

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

titoBouzout/BufferScroll


Nettuts+ Fetch


外部リソースを簡単なコマンドで手元にpullする事ができます。 例えば、普段からよく使うjQueryやリセット用のCSS、 常用するフレームワークや、Wordpress等のCMS等、 設定さえしておけば、コマンド一発(正確には三発)でダウンロード・展開してくれます。

via Sublime TextとNettuts+ Fetchで音速のスタートアップ – Mach3.laBlog


weslly/Nettuts-Fetch


cdnjs


様々な有名jsライブラリを公開しているCDNサービスから、 使いたいライブラリを選択してscriptタグとして挿入できるパッケージ

via Sublime Text2の作業効率を加速させるパッケージ12個 | WEB EGG


dafrancis/Sublime-Text--cdnjs


BracketHighlighter

開始/終了タグの強調

facelessuser/BracketHighlighter


SublimeCodeIntel


ユーザー定義変数/関数の補完や定義元ジャンプができるようになる。

via [SublimeText2]SublimeCodeIntelで更にIDE化 | DevAchieve


SublimeCodeIntel/SublimeCodeIntel


SublimeLinter


文法チェックをリアルタイムでしてくれる

via noanoa 日々の日記 : Sublime Text 3 での SublimeLinter の設定


SublimeLinter/SublimeLinter3


All Autocomplete


標準の自動補完(オートコンプリート)機能を強化し、マッチする文字列があればサジェストする。

via 不肖者の人生実験


alienhard/SublimeAllAutocomplete


Alignment


選択範囲の整形。

via [SublimeText2]「第0回 Sublime Text 2 勉強会」で紹介されたプラグインまとめ - The Powerful Code


wbond/sublime_alignment


Tag


閉じタグ </ 打つと補完してくれるので地味に便利!

via SublimeText2/3 環境設定とか(基本3) - Qiita


SublimeText/Tag


CSScomb


CSSのプロパティをソートしてくれる便利ツールです。またソートするプロパティの順番も自分でカスタマイズ可能!ものぐさな自分にとって痒いところに手が届くマストなツールです。

via 【便利ツール】CSScomb for sublime text 2で、CSSプロパティを整理・整頓【16日目】 | Developers.IO


csscomb/csscomb-for-sublime


Smart Delete

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

mac2000/sublime-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


dz0ny/LiveReload-sublimetext2


Live Style

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

emmetio/livestyle-sublime


Sass

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

nathos/sass-textmate-bundle


SCSS

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

MarioRicalde/SCSS.tmbundle


SASS Build


SulimeText内でSassをコンパイルすることができます。

via SublimeText(Windows、Mac)をSassで使いやすい設定にする | Web制作者のためのSassの教科書 - 公式サポートサイト


jaumefontal/SASS-Build-SublimeText2


SASS Snippets


関数などのスニペットが入っています。

via SublimeText(Windows、Mac)をSassで使いやすい設定にする | Web制作者のためのSassの教科書 - 公式サポートサイト


npostulart/SCSS-Snippets


Compass


Compassのスニペットと、Compassをコンパイルすることができます。

via SublimeText(Windows、Mac)をSassで使いやすい設定にする | Web制作者のためのSassの教科書 - 公式サポートサイト


whatwedo/Sublime-Text-2-Compass-Build-System


LESS

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

danro/LESS-sublime


LESS-build

LESSのコンパイル。

berfarah/LESS-build-sublime


Stylus

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

billymoon/Stylus


Haml

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

phuibonhoa/handcrafted-haml-textmate-bundle


Jade

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

github.​com


Jade Build

Jadeのコンパイル。

mutian.​github.​io


Ruby Slim

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

slim-template/ruby-slim.tmbundle


Handlebars

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

daaain/Handlebars


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を使えるようにする。

sergeche/emmet-sublime


Hayaku

Hayakuを使えるようにする。

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とかスマホとか


BoundInCode/AutoFileName


Colorpicker

カラーピッカー。

weslly/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のスニペット。

SublimeText/jQuery


AndyJS2

JavaScript と jQuery の入力補完。

agibsonsw/AndyJS2


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を利用できるようにする。

gja/sublime-text-2-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のシンタックスハイライト。

dart-lang/dart-sublime-bundle


JsMinifier

jsファイルのミニファイ。

※とてもまぎらわしい似たような名前のがあります。

cgutierrez/JsMinifier


Python Auto-Complete

Pythonのコード補完。

eliquious/Python-Auto-Complete


Python Flake8 Lint

Python用のLintツール?

dreadatour/Flake8Lint


DocBlockr

コメントブロックの自動補完。

これとかこれへの対策書いてあるかな。。

spadgos/sublime-jsdocs


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*


colinta/ApacheConf.tmLanguage


sublime-github

Githubを利用できるようにする。

bgreenlee/sublime-github


sublimeGit

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

SublimeGit


SublimeServer


Sublime Serverは、Sublime Text 2で動作する簡易Webサーバープラグインです。

via すぐに使える簡易サーバーでHTMLをチェックする3つの方法 – Mach3.laBlog


learning/SublimeServer


Sublime SFTP

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

Sublime SFTP – an FTP, FTPS & SFTP Package for Sublime Text by wbond


感想

半分くらいは知らなかった。

使い方わからない/日本語のドキュメントが一切無いのも多いし、

結局本書を買わざるをえないという罠でした。


あとプラグイン探しはパッケージブラウザが便利です

Package Control - the Sublime Text package manager