Atom (IDE) Plugins


Additional Packages:

Edit –> Preferences –> Install

or

$ apm install autosave
$ apm install atom-beautify

HTML and CSS

$ apm install emmet

MarkDown

$ apm install inline-markdown-images

For JavaScript:

$ apm install jshint

For TwitterBootstrap (https://atom.io/packages/atom-bootstrap4):

$ apm install atom-bootstrap4

For React:

$ apm install react

For Angular 2:

$ apm install atom-typescript

Terminal:

$ apm install terminal-plus


Top 5 Packages: Atom Code Editor




5) joke
4) emmet https://github.com/emmetio/emmet-atom
3) terminal plus https://atom.io/packages/terminal-plus
2) Minimap
1) Atom Bootstrap 4 https://atom.io/packages/atom-bootstrap4


Installed by me packages


list of all packages

$ apm list -ib | sed s/@.*//
atom-beautify
atom-typescript
inline-markdown-images
jshint
linter
react


the same, excluding disabled packages

$ apm list -ibd false | sed s/@.*//


disable package (I didn’t check it)

$(apm list --installed --bare)
$ apm disable package_name


Emmet For Fast HTML & CSS

Atom Editor Tutorials #10 - Emmet For Fast HTML & CSS https://www.youtube.com/watch?v=BQurqKG6nGY

http://docs.emmet.io/cheat-sheet/


inline-markdown-images

$ apm install inline-markdown-images

inline-markdown-images


Editor Config

https://github.com/sindresorhus/atom-editorconfig#readme

$ apm install editorconfig


Put .editorconfig into root of project


# editorconfig.org
root = true

[*]
indent_style = space
indent_size = 2
end_of_line = lf
charset = utf-8
trim_trailing_whitespace = true
insert_final_newline = true

[*.md]
trim_trailing_whitespace = false


split-diff


Atom Eslint plugin (First Try)

$ apm install linter-eslint


$ npm install --save-dev eslint [eslint-plugins]

$ npm install -g eslint [eslint-plugins]


$ eslint --init


Remove trailing whitespace on save (Need for Jade Templates for example)

Edit –> Preferences go to Packages tab and search for whitespace.
Click on the whitespace package and uncheck Remove Trailing Whitespace option.