Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
2
Help us understand the problem. What is going on with this article?
@abebe_shu

おすすめATOMパッケージ(フロントエンドエンジニア向け)

More than 1 year has passed since last update.

フロントエンドエンジニアの僕がオススメするATOMのパッケージです。

ATOMをオススメする理由

GitHub Desktopを使いたいから

一番の理由がこれですね。
僕はGitの管理にGitHub Desktopを使用しているのですが、ATOMとの相性がいいんですよね。
具体的にはGitHub Desktopから直接開いたりできるので助かってます。
GitHubを使っていない人でもGitHub Desktopは利用できるので恩恵は受けられると思います。

無料

これも大きな理由ですね。
無料でもこれだけ使いやすいので有料に手を出したことはありません。。

Vimとかは敷居高いし、Visual Studio Codeはなんか嫌だ

これは個人的な感覚なんですが、なんとなくです。
深い理由はないです。

オススメパッケージ

前置きが長くなりましたが、紹介していきたいと思います。

基本

各エンジニア共通でオススメのパッケージです。

file-icons

ファイルが見やすくなって便利です。
よく使う言語だと見慣れているんですが、あまり使わない言語のファイルのアイコンが意外とオシャレだったりします。

atom-beautify

HTML等のファイルを綺麗にしてくれるやつです。
言語によっては使えなかったり変な感じになることもありますが、HTMLとかなら綺麗になるのでたまに使います。

atom-clock

画面の右下に時計を表示させてくれます。
集中しているといつの間にか時間が経っていることも多いので、時間の目安として助かってます。
時間は大事です。

atom-clock

画面の右下に時計を表示させてくれます。
集中しているといつの間にか時間が経っていることも多いので、時間の目安として助かってます。
時間は大事です。

japanese-menu

メニューバーとコンテキストメニューを日本語化してくれます。
英語が苦手な人には必須ですね。

pigments

色を表示してくれます。

minimap

右端にソースマップを表示してくれます。
長いコードを書いているときには助かります。

minimap

右端にソースマップを表示してくれます。
長いコードを書いているときには助かります。

minimap-git-diff

minimapにgit diffを表示してくれます。
どれくらい修正したのかすぐにわかりますね。

minimap-highlight-selected

選択した箇所をminimapに表示してくれます。

minimap-pigments

pigmentsに関連するパッケージでminimap上に色を表示してくれます。

platformio-ide-terminal

ATOM上でターミナルを起動することができます。
僕はターミナルは基本これしか使ってません。

project-manager

プロジェクトマネージャーです。

show-ideographic-space

全角スペースを視覚的に表示してくれます。
意外と便利。

Git関連

Git関連のオススメです。

git-plus

Gitを使うとき便利。

git-log

Gitを視覚的に見ることができる
SourceTreeみたいな感じですね。
Cmd+Shift+P、 Git Log:Showです。

Vue.js関連

フロントエンドエンジニアという職業柄Vue.jsををよく使うので、
Vueを書くときに便利なパッケージを紹介します。

language-vue

Vueの表示をしてくれます。
Nuxt.jsでも大丈夫。

Stylus

StylusというCSSメタ言語が使えます。
以前はSCSSで書いてましたがStylusを知ってから病みつきに。

atom-pug

pugが使えます。
他にも色々パッケージはあるんですが、
Vue + Stylus + pug の組みわせだとこれが一番いい気がします。

2
Help us understand the problem. What is going on with this article?
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away

Comments

No comments
Sign up for free and join this conversation.
Sign Up
If you already have a Qiita account Login
2
Help us understand the problem. What is going on with this article?