おすすめプラグイン

Last-modified: 2016-01-02 (土) 20:07:00

とりあえず入れておきたいパッケージ。
Package Controlを使うので、導入方法は基本的な使い方を参照。
Install Packageを開き、入れたいプラグインの名前をフォームに入力すればよい。あとは選択してクリック(エンター)すればインストールされる。
手動で入れる場合は、ダウンロードしたパッケージをフォルダごと「Package」フォルダに格納すること。

ショートカットキーなどの設定を変えたい場合は、基本設定→Package Settingsからそのプラグイン名を選択し、「Key Bindings - User」等をクリックすれば設定ファイルが開く。

汎用

IME Support
日本語インライン入力に対応する。導入のページに記載。
ConvertToUTF8
UTF-8以外の文字コードへの対応。Shift_JISやEUC-JPで書かれたコードも文字化けせずに扱えるようになる。導入のページに記載。
Japanize
メニューの日本語化。インストールするだけでは日本語化されないので、適用手順は導入のページに記載。
SideBarEnhancements
サイドバーの右クリックメニューを充実させる。とりあえず入れておくべき。標準では英語のメニューだが、リンク先に日本語化ファイルを設置。
Emmet
Zen-Codingの進化版。HTML・CSSのタグ打ちが倍以上速くなる。
IndentGuides
インデントに合わせてガイド線を表示。
SublimeBlockCursor
Vintageモード時のカーソルをブロック表示にする。
DocBlockr
関数を書いたあとに関数コメントを自動生成。
SublimeCodeIntel
より賢いコード補完、宣言へのジャンプ。定番だが遅い。
CTags
あまり賢くないが、速い宣言へのジャンプ。
BracketHighlighter
htmlのタグ、jsの括弧のペアをハイライトしてくれる
Clipboard History
クリップボードのツール。コピーしたテキストを繰り返し利用できる。
SFTP
FTPでのアップロードをSublime Textだけで可能にする。
ApacheConf.tmLanguage
Apache Confファイルの文法ハイライト。
abacus
イコールやコロンを綺麗に揃える。
CSSFormat
様々な整形規則でCSSを綺麗に整理してくれる。Editメニューに「LP CSS Formatter」という項目が表示される。
CSScomb
CSSプロパティを自動整列。デフォルト設定はCtrl+Shift+C。
使用するためには、PHPのインストールとPHPのWindows 環境変数 Pathの設定が必要。
Goto-CSS-Declaration
HTMLのclass、ID名にカーソルを当て、右クリックメニューの「Go to CSS Declaration」またはWin+Alt+.でCSSの同じ単語に一発ジャンプ。
AutoFileName
imgタグやcssなどで、パスを入力する時に、ファイル名を自動補完してくれる。画像ファイルの場合は幅と高さも自動取得して補完。幅と高さの再取得もでき、該当タグにカーソルを合わせてCtrl+Shift+Iを押せばよい。
SublimeLinter
HTML,CSS,PHP,JS等々のリアルタイム文法チェックを可能にしてくれる。単体では動作しないので、リンク先参照。
Phoenix Theme
SublimeTextをさらにお洒落にしてくれるテーマ。Retina対応。
TrailingSpaces
不要なスペースをハイライト表示する。「Edit」メニューに「TrailingSpaces」の項目が表示され、不要なスペースの全削除、ハイライト表示のオンオフが可能。
デフォルトでは、全角スペースをハイライト表示しない。全角スペースにもハイライト表示を適用するには、基本設定→Package Settings→TrailingSpaces→Settings - Userを開き、{}で囲われた中に以下のコードを追記する。
"trailing_spaces_regexp": " |[ \t]+",
※ファイル内に{}がない場合
{"trailing_spaces_regexp": " |[ \t]+",}
Browser Refresh
ソフトを開いたままショートカット入力でブラウザ更新。デフォルト設定はCtrl+Shift+R。
Ctrl+Sに設定すれば上書き保存しつつプレビュー可能。
InputSequence
複数選択状態での連番数字の入力機能を追加する。
YUI Compressor
CSS、JavaScriptを圧縮化するYUI CompressorをSublime Text上で実行できるようにする。

自動補完

AndyJS
JavaScriptとjQueryの入力補完。
AndyPHP
PHPの入力補完。
HTML
HTMLの自動補完。
HTML5
HTML5の自動補完。
Tag
</ と入力すると閉じタグの自動補完。EditメニューにTagの項目が表示される。
Ctrl+Shift+Aでタグブロックを選択(そのタグで囲われた文字列をすべて選択)。
Alt+Shift+Wで選択範囲を新規タグで囲む。
CSS Snipets
CSSの自動補完。
Sass
Sassの自動補完。
SASS Build
Sassの自動補完。
SCSS
Scssの自動補完。
SCSS Snippets
Scssの自動補完。
Compass Build System
Compassの自動補完。
jQuery
jQueryの自動補完。
WordPress
Wordpressのコード補完。