じっくり解説!Sublime Text 2 プラグイン 「ColorPicker」

Sublime Text 2 での作業楽しいですね。

そんな作業をもっと楽しくするプラグインの紹介。

f:id:fushimik:20130213202349p:plain

今回は、Color Picker。

CSSやSCSSを書いているとき、簡易にカラーコードを入力するのにとても便利!

これ、とりあえずPackageインストールしている人多いと思います。

でも、動いてますか?
なんか動かないな~とか思ってませんか?

実はインストールするだけでは動きません。
キーバインディング設定しましょう!

 

【手順】

 

1.まずはパッケージインストール

Preferences / Package Control / Install Package

※ メニューバーの「Preferences」を選択、プルダウンメニューで、「Package Control」を選択、出てきた選択肢から、「Install Package」を選択という意味です。

その後、「ColorPicker」と入力して、Packageをインストールしてください。

 

2.キーバインディングの設定

Preferences / Key Bindings - User

[と]の間に下記をコピペします。

・Windowsの場合

  { "keys": ["ctrl+shift+c"], "command": "color_pick" }

・Macの場合

  { "keys": ["super+shift+c"], "command": "color_pick" }

 

Windowsで、他に何もキーバインディングを設定していない場合は、下記のようになります。

[
    { "keys": ["ctrl+shift+c"], "command": "color_pick" }
]

 

3.使ってみよう!

CSS編集中(別にCSSでもなくてもよいが)に、[Ctrl] + [Shift] + [C]を押してみよう。
いつも見慣れたカラーピッカーが表示されるはず!

( Macの場合は、[command] + [Shift] + [C] )

 

ますます楽しくコーディングできますねー。