10
5

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

ATOM プラグイン導入

Last updated at Posted at 2018-12-29

なぜ入れるのか

これからATOMプラグインを紹介していきます。これは拡張機能と言って、本来の機能に追加することで開発を容易にしてくれます。初期機能のままでも十分使えますが、これらをインストールすることによって、ミスや検索時間を減らすことができるので、時間をかけるべきところにかけることができます。皆さんの開発効率を上げていきましょう!

以下紹介するものは、安全で無料のものですので安心してインストールしてくださいね。

インストール方法

1.設定を開きましょう。

macの人 : 左上のATOM→Preference/ショートカットキーは[ ⌘ + , ]

Windowsの人 : 左上のFile→settings

2.検索をします。
サイドメニューの一番下にある+installをクリックして下さい。
Search packagesと書いてある検索ボックスに「以下のプラグイン名」を入力します。(コピペをおすすめします)

プラグイン一覧

必須1 全角スペースを□で表示してくれる

スクリーンショット 2018-12-29 20.37.00.png
  • 「 show-ideographic-space 」

必須2  インデントを可視化

スクリーンショット 2018-12-29 20.26.12.png
  • 「 highlight-column 」

おすすめ1  好きな色を感覚的に選択できる

スクリーンショット 2018-12-29 20.35.12.png
  • 「 color-picker 」

右クリックで起動できます。

おすすめ2  CSSのカラーコードが指定色で塗られる

スクリーンショット 2018-12-29 20.30.47.png
  • 「 pigments 」

おすすめ3  拡張子ごとにアイコンを設定

スクリーンショット 2018-12-29 20.41.32.png
  • 「 file-icons 」

おすすめ4  選択した単語を全てハイライトしてくれる

スクリーンショット 2018-12-29 20.43.32.png
  • 「 selection-highlight 」

##最後に
これらのプラグインは検索すると山のようにあります。「ATOM プラグイン おすすめ」などで検索してみてください。使いやすいものは紹介したもの以外にたくさんあるので自分でカスタマイズしてみましょう。逆に使いずらいものもあるので注意する必要がありますが、ダウンロード数が多いものであればあまり間違いはないかと思います。

10
5
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
10
5

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?