【保存版】コーダーのためのATOMパッケージまとめ|Blog|株式会社トライム

Blog

ブログ

Home > ブログ > 【保存版】コーダーのためのATOMパッケージまとめ

Keyword

Contact

についての不明点や案件のご相談などございましたらお気軽にお問い合わせください。

Share

X Facebook pocket LINE はてなブックマーク

【保存版】コーダーのためのATOMパッケージまとめ

2016.11.08

記事サムネイル

ATOMパッケージまとめ

トライム社内ではATOMユーザーが9割です。

社内共有の意味も込めて、
ATOMを使う上で無くてはならないパッケージをまとめてみました。

Remote-FTP

Atom から直接 FTP 接続してファイルのアップロードや、
ダウンロードができるようになります。

sublime-style-column-selection

矩形選択が可能になります。

sublime-style-column-selection

atom-beautify

ソースコードを自動で綺麗に整形します。

atom-beautify

atom-csscomb

CSSのプロパティをソートします。

atom-csscomb

atom-no-tab-close-button

タブのクローズボタンを非表示にします。
誤操作で閉じてしまうことがなくなります。

chary-tree-view

ツリービューのファイルをダブルクリックで開くようにします。

emmet

emmetを追加します。

file-icons

ツリービューでファイルごとにアイコンを付与します。

file-icons

highlight-line

カーソル行のハイライトが分かりやすくなります。

highlight-line

html-entities

HTMLをエンティティ化します。

html-entities

Japanese Menu

Atom のメニューバーとコンテキストメニュー、設定画面を日本語化します。

pigments

色情報を分かりやすく表示します。
SASSの変数にも対応してくれるのが嬉しい。

pigments

synced-sidebar

ツリービューで今編集しているファイルを分かりやすく表示します。

まとめ

さまざまなパッケージがあるATOMですが、
今のところ上でご紹介したものが常時働いています。

ほかにも便利なものがないかなぁと、
時間がある時はついつい新しいパッケージを探してしまいます。

Share

X Facebook pocket LINE はてなブックマーク
Webサイト制作についてお悩みでしたら私たちにご相談ください。

私たちはECサイトなどのBtoCのサイトの制作に特化したWeb制作会社です。マーケティング視点をもったクリエイティブにより、運用まで見据えた効果の高いWebサイトを構築いたします。Webサイトについてお悩みのWeb担当者の方は、トライムまでお気軽にご相談ください。

Keyword

Contact

についての不明点や案件のご相談などございましたらお気軽にお問い合わせください。

Contact

お問い合わせ

トライムは常にお客様へ寄りっ沿った提案をさせていただきます。
自社のEC売上の拡大や人材不足などのお客様のデジタル上の課題を、
様々なアプローチにより解決するお手伝いをいたします!
お気軽にお問い合わせください。

TEL

03-6403-3259

受付:10:00 - 19:00