Recommended Atom Editor Packages Summary

Tadashi Shigeoka ·  Wed, August 19, 2015

I’ve summarized the packages I use with the Atom editor.

Atom | アトム

Atom Packages I Use

Common

atom-beautifier formats code with ctrl-alt-f

Autocomplete

Shows files and directories in autocomplete as well.

file-icons identifies file and directory icons based on extensions and displays them nicely.

trailing-semicolon adds or removes ; or , at the end of lines with shortcut keys Ctrl + ; or Ctrl + ,.

Package that adds rectangular selection functionality

Pair Programming

atom-pair is extremely convenient as it allows multiple people to view and edit one text file over the internet.

JavaScript

ECMAScript 6: ES6

apm install Snippet

The following can be copy-pasted to apm star and install all packages.

## 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


## Finally install all starred packages
apm stars --install


## Install third party plugins
# atom-ternjs
cd ~/.atom/packages/atom-ternjs
npm install tern-node-express

That’s all.

Atom Package Reference Information

That’s all from the Gemba.