Quantcast
Channel: backyard.weblog » ST2
Viewing all articles
Browse latest Browse all 3

DreamweaverCS6 やめて Sublime Text 2 っていうエディタにのりかえた

$
0
0
Sublime Text 2
Sublime Text: The text editor you’ll fall in love with

Dwのショートカットに慣れきって使ってきたけれど、いろいろととっても気に入らないことが最近多くて(検索置換が変になることが多いなど)卒業することにしました。

ということで、結構前から話題になっている Sublime Text 2 についに手を出しました。

Sublime Text 2 を選んだ理由は、、、なんとなくです。なんか流行ってるなーって。
先週の頭に、とりあえず使ってみよう!と思ってダウンロードして以来、学習コストの低さに感動して使い続けています。
vimmer に憧れて vim をお勉強していたから学習コストの低さに感動したのかも。

vim は GUI 育ちのわたしにはちょっと難しく、最近少し慣れてきたところでしたが、ST2と出会えたので、vimmerへの夢は先送りにすることにしました。

社内の Coda2 使いにも ST2 を勧めているところ。

気に入ったところ

  • 起動がはやい(Dwと比べるなっていう)
  • プラグインのインストールが楽! & 自分好みの環境が作れる
  • アイコン以外の見た目(Soda Theme 使ってます)
  • 一度に複数ファイルの閲覧や編集ができる
  • テキストのマルチセレクト
  • ショートカットキーが覚えやすい(主観)

インストールしたプラグイン

  機能
Shell Turtlestein シェルを呼び出し実行できるようにする。(Cmd + Shift + C)
HTML5 HTML5の自動補完、snippet、シンタックスハイライトなど。
jQuery jQueryの自動補完、snippet、シンタックスハイライトなど。
ZenCoding HTML、CSSを記述するのに便利なZen Coding。(tadで展開できる。でも、Ctrl + alt + return で入力するモードが好き。)
Emmet Zen-Codingの次期バージョン。^で上の階層に戻れるなど。(Ctrl + E で展開)
Git Command Palleteから直接gitコマンドを利用可能に。
Sass Sass記法のシンタックスハイライト
SASS Build SASSのビルドシステム。Cmd+Bでコンパイルできる。(ターミナルで $ compass watch しているのであんまり使ってない)
SCSS SCSS記法のシンタックスハイライト
SCSS Snippets SCSSのスニペット。(まだあまり使ってない)
Bracket Highlighter (),[],<>,{}やHTMLタグを強調表示。
Tag HTML関連の機能の追加。スラッシュでタグを閉じるとかコードフォーマットとか。
Sublime Linter html,ruby,phpなど様々な言語のシンタックスをチェック。
CSScomb CSSのプロパティを正しい並び順でソート
ConvertToUTF8 UTF-8以外の文字コードのファイルを開く際にUTF-8に変換し、保存するときに元の文字コードに戻す。(Shift_JISやEUCのファイルもOK)
RegReplace -
MarkDown preview SublimeText2でMarkdownをプレビューできるようにする。Key Bindings -User でショートカットを割り当てると結構便利^^[{ "keys": ["alt+m"], "command": "markdown_preview", "args": { "target": "browser" } }]

見た目のカスタマイズ

  使用しているもの
Theme Soda Theme
ColorScheme Desert

Theme と ColorScheme については下記参照

設定や機能・操作方法など、いろいろと参考にさせていただいた記事

しばらく使ってみようと思います。


Viewing all articles
Browse latest Browse all 3

Latest Images

Trending Articles





Latest Images