初心者のWEBデザイン

HTML,CSS、その他WEBデザインに関する事を記述していきます

20150411143621

Atom パッケージリスト

今年の5月くらいからAtomを使っておりまして、パッケージが徐々に増えてきたので忘れないように自分の設定を記述しておきます。

pigments

CSSのcolorやbackgroudの設定を実際に色で表示してくれます。

open-recent

開いたことのあるプロジェクトを開くことができます。
プロジェクトごとではなくファイル単位で開くこともできます。

file-icons

ファイルのアイコンを変更できます。

japanese-wrap

atomで自動折り返しを有効にするには[settings]-[Soft Wrap]にチェックを入れます。

minimap-highlight-selected

regex-railroad-diagram

正規表現を図式化できます。

platformio-ide-terminal

Atom上でターミナルを動かせます。

color-picker

カラーピッカーをATOMエディタ上に表示させる事ができます。
とても役立ちます。

japanese-menu

英語のメニューや設定画面を
日本語化してくれます。

minimap

sublimeTextでおなじみのサイドバーに
縮小したコードが表示されます。
単純に大きなスクロールバーとしても機能します。

minimap-autohide

minimapで表示されたサイドバーを自動で隠してくれます。

minimap-bookmarks

MinimapにBookmarkした行をハイライト表示してくれるパッケージ

minimap-pigments

pigmentsの機能をMinimapにも表示してくれるパッケージ。

maximize-panes

分割したPaneの表示非表示をしてくれます。

tag

閉めタグを自動で入力してくれます。

autocomplete-paths

目的のファイルおよびパスまで入力補完

browser-plus

ブラウザプレビュー機能を追加するプラグインです。
ライブプレビューが可能なので、ソースを変更するとリアルタイムで反映されます。

Linter

構文チェック

Auto-Indent

インデントの一括整形

topへ戻る