ライブプレビュー可能なコードエディタ Adobeが公開したツールが便利で使いやすい!! 『Brackets』



ライブプレビューが可能なソースコードエディタ

即座にブラウザに反映して結果を見る事が出来るので初心者でも使いやすいと思います

補完機能やRGBなどの色を確認したりbodyタグに設定されているCSSを

その場で確認など非常に便利な機能が搭載されています

機能追加も可能で、ぜひ一度使ってみて欲しいソフトです

brackets11

Adobe Brackets ダウンロードはこちらから

ダウンロードとインストール

brackets1

上記リンク先ページを開き「Download」をクリックします

brackets2

ダウンロードしたファイルを実行します

brackets3

Nextをクリック

brackets4

Installをクリックします

brackets5

これでインストール完了です

レビュー

brackets7

コードエディタにもはや必須な補完も搭載されています

brackets8

RGBなどの表記も色がポップアップで表示されます

brackets10

BodyタグでCTRL+Eを押すと設定されているCSSが表示、編集が可能です

brackets6

右上のライブプレビューボタンを押すとブラウザが起動して

ソースと同等の場所がハイライト、反映も即座に実行されて

リアルタイムに確認する事が可能です

brackets9

機能拡張も沢山用意されていて自分仕様に拡張が可能です

SublimeText2並みに使えそうなコードエディタです

  • コメント: 0

関連記事

  1. エディタ・ワード・開発

    シンプルで高機能なフリーなおすすめエディタ TeraPad html編集も

    以前にエディタとして今回ご紹介するTeraPadを使っていました…

  2. エディタ・ワード・開発

    高機能開発ツールの無料版 VisualStudio 2010 Express VisualBasic…

    VisualStudioといえばプログラマーご用達の開発ソフト…

  3. エディタ・ワード・開発

    Freesoft ブログの投稿を楽にしよう!WindowsLive Writer

    Bloggerの投稿なんですが、非常にWebベースの画面での投稿になる…

  4. エディタ・ワード・開発

    動作軽快!! 自由にカスタマイズ・パッケージで拡張可能なエディタ 『Atom』

    動作軽快で自由に拡張できるエディタ拡張機能で日本語化できたり、…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

PAGE TOP