LoginSignup
778
784

More than 5 years have passed since last update.

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

Last updated at Posted at 2014-03-20

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

778
784
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
778
784