backyard.weblog

Main Contents

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

/ Application, Editor, Web / , ,

Post

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 については下記参照

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

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

  • Check
  • このエントリーをはてなブックマークに追加
  • Clip to Evernote

Similar Posts

Add Comment

WP-SpamFree by Pole Position Marketing

Comments

From:yukiharutamura
October 16, 2012 (Tue)

Sublime最近人気あるなー。俺もVim使いこなせてないから乗り換えようかな…/エディタをDreamweaverCS6 から Sublime Text 2 にのりかえた :: backyard.weblog http://t.co/DJBbAACI @urakeyさんから

From:ni-man
October 23, 2012 (Tue)

editor sublime

From:tnanba
November 01, 2012 (Thu)

“エディタをDreamweaverCS6 から Sublime Text 2 にのりかえた :: backyard.weblog” http://t.co/1CYUS23L

From:d_animal141
December 19, 2012 (Wed)

エディタをDreamweaverCS6 から Sublime Text 2 にのりかえた

From:crazeeeland
April 18, 2013 (Thu)

@@

Trackbacks

Trackback URL

From:Submit Textを使って10分で恋して30分で乗り換えた僕の話 | ゴウテンネット -GOUTEN.NET-
November 21, 2012 (Wed)

[…] エディタをDreamweaverCS6 から Sublime Text 2 にのりかえた :: backyard.weblog […]

From:Sublime text 2!!
November 26, 2012 (Mon)

[…] ・エディタをDreamweaverCS6 から Sublime Text 2 にのりかえた […]