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

  • 817
    いいね
  • 0
    コメント
この記事は最終更新日から1年以上が経過しています。

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