ライブプレビュー可能なコードエディタ 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

Webページをレトロ風に!? URLを入力するだけでレトロ風に表示するWebサービス 『RetroWebMatic』前のページ

デジカメ画像の整理に便利!! 撮影日でフォルダ分けしてくれるフリーソフト 『JPEG Image Filer』次のページ

関連記事

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

    ブログの記事投稿が簡単になる UbiCast Blogger ココログやWordPressなどにも対…

    ブログサービスに付いている投稿画面をWordの様に簡単に出来るフリーソ…

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

    高機能CADソフト RootProCAD フリーソフトで沢山の機能があり、プロでも満足のソフト

    高機能なCADソフトでフリーソフトでも作図機能はしっかりしています…

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

    真っ暗なテキストエディタ!! シンプルで集中して書く事ができるフリーソフト 『TextRoom』

    真っ暗なテキストエディタで文字を書く事だけに集中できるフリーソフト…

コメント

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

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

最近の記事

PAGE TOP