Atom エディタのオススメ Package まとめ

Atom エディタで使っているパッケージをまとめてみました。

Atom | アトム

使ってる Atom パッケージ

共通

ctrl-alt-f でコードフォーマットをかけてくれる atom-beautifier

オートコンプリート

オートコンプリートにファイルやディレクトリも表示してくれる。

file-icons はファイルやディレクトリのアイコンを拡張子を元に判別していい感じに表示してくれます。

trailing-semicolon は Ctrl + ;Ctrl + , というショートカットキーで、行末尾に ; や , を追加 or 削除してくれます。

矩形選択の機能を追加してくれるパッケージ

ペアプログラミング

atom-pair を使えば、ネット経由で複数人で1つのテキストファイルを閲覧・編集をすることができるので、めっちゃ便利です。

JavaScript

ECMAScript 6: ES6

apm install するスニペット

以下、コピペするだけで apm star して Package を全てインストールしてくれます。

## Common ##
apm star atom-beautifier
 
apm star autocomplete-plus
apm star autocomplete-snippets
 
apm star multi-cursor
 
apm star pretty-json
 
apm star script
 
 
## Linter ##
# https://atom.io/packages/linter
apm star linter
# https://atom.io/packages/linter-coffeelint
apm star linter-coffeelint
# https://atom.io/packages/linter-jshint
apm star linter-jshint
apm star linter-pug
 
apm star jsonlint
 
 
## Git ##
apm star merge-conflicts
 
 
## JavaScript ##
# A JavaScript code analyzer for deep
apm star atom-ternjs
# for formatting JavaScript using prettier with (optional) prettier-eslint integration
apm star prettier-atom
 
### ECMAScript 6: ES6 ###
apm star linter-eslint
 
### Vue.js ###
apm star language-vue
 
 
## Jade/Pug/Stylus for our Node.js projects
apm star language-jade
apm star language-pug
apm star linter-pug
apm star Stylus
 
 
## 最後に star した Package を全てインストール
apm stars --install
 
 
## Install third party plugins
# atom-ternjs
cd ~/.atom/packages/atom-ternjs
npm install tern-node-express

以上です。

Atom Package の参考情報