HTML / CSS / javascript対応の次世代エディタ「Brackets」

Adobeから公開されたシンプルな次世代エディタ「Brackets(ブラケット)」

開発に必要な機能+αがあるエディタで、HTMLソースを見ながらCSSが編集できるインライン編集機能

リアルタイムでソースを反映してくれるライブ・プレビュー機能など、作業効率の大幅なUpが見込める機能がデフォルトで備わっています。

日本語にも対応しており、扱いも簡単です。

「Brackets(ブラケット)」は以下のサイトからダウンロードができます。

Bracketsはとても使いやすく設計されているため、ここでは簡単に機能の紹介をします。

Bracketsの主な機能

ライブ・プレビュー

ライブ・プレビューとはソースファイルや画面の更新をしなくても、リアルタイムで変更が画面に反映される機能です

「ファイル」>「ライブ・プレビュー」をクリックすると、ライブ・プレビューが開始されます。

インライン編集

インライン編集はHTMLソース上で、カーソルが当たっているタグのCSSを直接編集できる機能です。

CSSを表示したいタグにカーソルを当てて「Ctrl+E」を押すとインライン編集ができます。

http://webnonotes.com/tool/brackets/trackback/

Web’Notes