Must have plugins for Atom (June 2016)

  1. atom-beautify

    The best beautifier for Atom with multiple language support ctrl+alt+b

  2. Linter

    Essential package for lint your files linter

  3. linter-eslint

    Plugin for Linter for JavaScript syntax. If you want to configure your linter-eslint you should create file .eslintrc.json, put it in the root directory of your project and make changes there.

        "env": {
            "es6": true,
            "node": true
        },
        "extends": "eslint:recommended",
        "rules": {
            "indent": [
                "error",
                4
            ],
            "no-console":"off",
            "linebreak-style": [
                "error",
                "windows"
            ],
            "quotes": [
                "error",
                "single"
            ],
            "semi": [
                "error",
                "always"
            ]
        }
    }
    
  4. autocomplete-project-paths

    Autocomplete the paths in your project. Just type ./ and start navigating. paths

  5. emmet

    Emmet support for Atom.

    emmet cheatsheet

  6. javascript-snippets

    Cool snippets for JavaScript

    • just type cl (press tab) => console.log(obj);

    snippets

  7. script

    Run code directly in Atom script ctrl+shift+b - run the whole file

  8. Sublime-Style-Column-Selection

    Marks selection when holding alt and drag with the mouse.

    selection

  9. sync-settings Synchronize settings, keymaps, user styles, init script, snippets and installed packages across Atom instances on different computers.

    • You have to create github token
    • You have to create gist (personal) and take it's id.
      • create gist
      • https://gist.github.com/[your username]/[gistId]
  10. open-in-browser This allows you to right click and have a menu that will open the current file in your default program.

  11. atom-ternjs

    Essential package for intellisense.

    Will be updated later with config file and usage instaructions.

Fancy stuff

  1. activate-power-mode

    power-mode

  2. file-icons

    file-icons

  3. aligner

    aligner