awesome-atom-packages

Some Useful Atom Packages for Web Developers ! New to Atom?

Here's a list of several atom-packages for Web developers. With these atom-packages , atom will provide IDE-like functionality.

With new beta release of Atom 1.21.0-beta0, Atom IDE gives us a new way to start using IDE-like features in Atom, I strongly recommended you try this out, more details...

Table of Contents

• Quick Start
• Syntax Support
• Autocomplete
• Syntax Checking
• Version Control
• Project Management
• Extension
• Contributing

Quick Start

1. Download apm.sh
2. Run apm.sh
3. Restart Atom

Before you run this shell script, make sure you have installed Atom !

Syntax Support

• language-babel

Language grammar for all versions of JavaScript including ES2016 and ESNext, JSX

• language-postcss

Syntax highlighting for PostCSS

Autocomplete

• autocomplete-modules

Autocomplete for require/import statements

• autocomplete-paths

Adds path autocompletion to autocomplete-plus

• atom-ternjs

Autocomplete for ES5, ES6, ES7, Node.js, jQuery, Angular and more

• emmet

Allow you to work quickly when writing HTML, CSS, Sass / SCSS and LESS syntaxes

Syntax Checking

• linter

A Base Linter with Cow Powers

• linter-jshint

Linter plugin for JavaScript, using jshint

• linter-eslint

Lint JavaScript on the fly, using ESLint

• editorconfig

maintain consistent coding styles between different editors

Version Control

Atom's newest core package brings Git and GitHub integration right inside your editor! You can try it！

• git-plus

Do git things without the terminal

• merge-conflicts

Resolve git conflicts within Atom

Project Management

• project-manager

Get easy access to all your projects and manage them with project specific settings and options

Extension

• minimap

A preview of the full source code

• minimap-git-diff

A minimap binding for the git diff package

• file-icons

Assign file extension icons and colours for improved visual grepping

• atom-beautify

Beautify HTML, CSS, JavaScript, and more in Atom

• pigments

A package to display colors in project and files

• color-picker

A Color Picker for Atom

• highlight-selected

Highlights the current word selected when double clicking

• minimap-highlight-selected

A minimap binding for the highlight-selected package

• docblockr

A helper package for writing documentation

• markdown-preview-plus

A real-time preview for markdown documents

• hyperclick

Pluggable text-clicking UI for Atom

• js-hyperclick

A hyperclick provider that lets you jump to where variables are defined

• travis-ci-status

Add Travis CI status of the project to the Atom status bar

• platformio-ide-terminal

Trigger embedded terminal in Atom by pressing Ctrl + `

• sync-settings

Backup Atom's packages and settings to Gist, easy to restore.

Contributing

• ⇄ Pull requests and ★ Stars are always welcome.
• For any mistakes and suggestions, please create an issue.
• To contribute to awesome-atom-packages, clone this repo locally and commit your code on a separate branch.