menu

想像とシンプル/体温を感じるWEBサービス
WEB DISIGNERS Blog

2016/01/21
  • Sublime Text

Sublime Textのおすすめパッケージ

普段使用している「恋に落ちるエディタ」と言われるほど人気のあるSublime Textのおすすめパッケージを紹介します

SublimeTextのおすすめパッケージ

Sublime textのおすすめパッケージ

BracketHighlighter

タグの開始/終了をハイライトしてくれます。タグやの閉じ忘れを防止できるのでこれはかなり便利です。

HTML-CSS-JS Prettify

HTML、CSS、JS(JavaScript)を自動整形してくれるプラグイン。圧縮されたCSSやJSの展開にも便利です。

TrailingSpaces

末尾にスペースが入っている時にハイライトしてくれ、保存する時に削除してくれます。
地味だけど、オススメ。

SublimeLinter

構文エラーをリアルタイムでチェックしてくれます。
これ単体では何も意味がありませんが、下記のLint系プログラムを動かすために必要。

jshint

JavaScript用構文チェック

csslint

CSS用構文チェック

SideBarEnhancements

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

ConvertToUTF8

Shift JIS,EUCなどの日本語のファイルをUTF-8にエンコードしてくれます。

SFTP

SublimeTextにFTP機能を追加することが出来ます。ファイルの保存時に自動的にサーバーにアップロードするように設定することもでき、ローカルで確認できない環境で作業している人はかなりの威力を発揮します。

Goto-CSS-Declaration

HTMLのidやclassから「command」+「→」で、CSSの定義箇所に一発ジャンプ!

BoundKeys

複雑になったショートカットキーを一発確認
パッケージの力を100%活用する為には必須のパッケージです。

Color Highlighter

CSS書いてる時とかに、選択した色でハイライトしてくれるのでわかりやすい。

wpseek.com WordPress Developer Assistant

WordPressのコードを補完してくれるパッケージです。

「恋に落ちるエディタ」SublimeTextの人気かつ便利なパッケージをご紹介しました。今回は紹介したのは最低限入れておいて損のないリストです。まだまだ便利なパッケージはたくさんあるので用途によってインストールしてみてください。

コメントを残す




POPULAR POSTS

高機能jQueryスライダー「Slider Pro」の使い方

2016/03/03

HTML要素に背景としてYouTube動画を表示するレスポンシブ対応

2016/02/11

「HTML5」と「CSS」のみで背景動画をフルスクリーンで再生する

2016/04/09

HTML/CSSのみで動きを加えてくれるアニメーション ホバーエフェクト9選まとめ

2016/03/24

NEW ENTRY

HTMLとCSSだけ簡単シンプルなスライダーを実装

2016/08/23

マウスホバーでテキストの色を左からアニメーションで変更するCSSテクニック

2016/07/26

テキストをCSSだけで映画のタイトルのように、ぼかしたブラーの状態から徐々に表示させるテクニック

2016/07/12

画像を使わずにCSSのみでボーダーにグラデーションをかける方法

2016/07/11