[Sass & Compass] Sublime Text 2 + Sass + Compass + Emmet を思い出す

導入時にいろいろ確認した。そして忘れたオレひとのためのメモ。

Contents

Sublime Text

初期設定

設定をいじったり、パッケージを導入したりしたはず。
何かの際にはこちらを読み直せば助かる。

機能&ショートカット

こちらのサイトで紹介されていたものから、STっぽいものやよく使いそうで忘れそうなものをピックアップ。

ドットインストールを再確認してみるのもよさそう。

Goto Anything

Project内のファイル/関数/行番号を検索する。
command + P

デフォルトでは、ファイル名を検索して開くことができる。

  • 「@」をいれると、methodを検索。
  • 「:」をいれると、行番号で検索。
  • 「#」をいれると、ファイル内の文字列を検索。

ファイル名の後に、これらを組み合わせることもできる。

(例)index.css の400行目


index.css:400

検索/置換/フォルダを指定して検索and置換

検索
command + F

置換
command + alt + F

フォルダを指定して検索and置換
command + shift + F

マルチセレクト

同じ単語を上から選択して編集可能状態にする
command + D

同じ単語をすべて選択して編集可能状態にする
command + control + G

セレクト

矩形選択
altを押しながら、ドラッグで選択。

括弧内を選択
control + shift + M

行の操作

行の削除
control + shift + K

行の移動
command + control + ↑ (↓)

行のコピー
control + shift + D

大文字、小文字変換

続けてコマンドを入力する。

大文字変換
command + Kcommand + U

小文字変換
command + Kcommand + L

Emmet

command + shift + P でコマンドパレットを開き、package install からインストールする。

新しくなったようなので後で復習がてらやることにする。

キーバインド

Sublime Text だったりとぶつかるのでいろいろ調整が必要だった気がするんだけど、何を参照してどこを変えたのか、きれいに忘れてしまった。

Cheat Sheet

Sass & Compass

% gem update --system
% gem install sass
% gem install compass

使い方は他の方法をとったので、別にまとめることにする。