Dreamweaverさんと仲良くなれそうな拡張機能とショートカットのお話
- 書いた人:
- yukappa!(INO)
- カテゴリ:
- Dreamweaver
- :
- 拡張機能
- 16,154 views
便利なDreamweaverの拡張機能、使いこなせるととっても作業効率が上がりますよね! 今回はソースをきれいにしてくれる拡張機能をご紹介いたします!
皆さんは便利機能がた~っぷりなDreamweaverさんと仲良くお仕事してらっしゃいますか?
私は…まだちょっと微妙な距離感を感じています。。。
コーディング作業もまだちょっと自信がないという方におススメの
Dreamweaverと少し仲良くなれそうな拡張機能とショートカットをご紹介いたします。
もう</div>で迷わない!閉じタグコメントを自動生成してくれる拡張機能
今だに入れ忘れてしまったり、いちいち入れるのが面倒だったりする</div>なんかの閉じタグコメント。
なんと自動生成してくれる拡張機能が!さすがですカヤックさん!
コメントを生成して挿入するDreamweaver用の拡張機能を作成しました
(KAYAC DESIGNER’S BLOGさんより)
上記ブログ記事よりEnd_comment.mxpをインストールします
問題なくインストールが完了するとAdobe Extention Managerに拡張機能が追加されます
さっそく使ってみよう!
①Dreamweaverを起動し、閉じタグコメントを挿入したい部分にカーソルを合わせます
③コメントが挿入されました! class指定してたので「.main02」と表示されています
この拡張機能のおかげでうっかり迷子が減りそうです!
ショートカット登録しておくととっても便利です!!
もうひとつ、基本の機能ですが、ソースをきれいにしてくれる「ソースフォーマットの適用」機能
Windowsのデフォルト設定だと「Alt」→「C」→「A」
作業の区切りで押しておくと、いつでもすっきりソースを見ることができますね。
これもショートカット登録しておくととっても便利!
コーディングの際、謎の</div>があったり、フォーマットされていないソースを開くと
まず「うわっ…とっつきにくい…」と思ってしまいますよね。
すっきりしたきれいな机で作業をするように、まずはソースもきれいにして作業していきたいですね(*^v^*)