Adobe Bracketsの拡張機能をインストールしてみた！

先日、愛用MacBookにダウンロードしたAdobe Bracketsですが、試しに使ってみたけどどうも使いにくい。

Adobe BracketsをMacBookにダウンロードしてみた！

以前にWindows10にCresent Eveをダウンロードしました。ちょっと練習で使いましたが、訓練学校で使用しているので慣れていて使いやすかったです。ただ、やっぱりWindowsが重い！一応軽くする方法をYouT...

chihalog.jp

2020.09.08

もともと職業訓練学校ではCresent Eveを使っていたので、慣れてないからかな？と思っていました。


そうして授業でBracketsも使うことになり、使う前に拡張機能を追加した方が使いやすいとのこと。

そこで、自宅のBracketsにも拡張機能をダウンロードしました！

Adobe Bracketsにインストールした拡張機能

この拡張機能をインストールしました！
全部で10個です！

• Extensions Rating
  →拡張機能の管理画面が使いやすくなる。
• Custom Work
  →ファイルがタブ表示になる。
• Show Whitespace（全角空白・スペース・タブ表示）
  →スペースや制御文字の表示ができる。
• Emmet
  →HTMLやCSSが省略して書ける。
• Quick Insert
  →タグファイルパスなどを簡単に挿入できる。
• Autosave Files on Window Blur
  →自動保存してくれる。
• Overscroll
  →下の方までスクロールできる。
• Select Lines
  行番号をクリックすると行を全選択できる。
• Interactive Linter
  →保存する時にエラーチェックをしてくれる。
• colorHints
  →カラーコード上で色をハイライト表示する

他にも色々と便利な拡張機能もあるみたいですが、まだまだWebデザインを勉強中の私はこの10個にしています！

Adobe Bracketsに拡張機能をインストールした流れ

Adobe Bracketsへの拡張機能インストール方法

１．Adobe Bracketsを開き「拡張機能マネージャー」をクリックする
　　（長方形の上に突起２つのマークが矢印のどちらかの位置にあります。）

２．「拡張機能マネージャー」ウィンドウが開くので、「入手可能」タブを開く

３．検索窓でダウンロードしたい拡張機能を検索し、該当の拡張機能の「インストール」をクリックする

４．自動でインストールが始まり、「インストールが完了しました」が表示されたら「閉じる」をクリックする

５．インストール完了したものは「インストール済み」のタブに表示される