ALL IN ONE BUNDLE

600+ Ai Avatars Reel Bundle with Exclusive Bonuses

Largest Reels Bundle Lifetime Access

70K Ultimate ChatGPT Prompt

3000+ Digital Products Bundle

👉 Our Premium Courses 👈

Get 13TB Mega Link Here

Email me For Courses Links Click HERE

Telegram Ihtreek Tech
Telegram Ihtreek Tech
Telegram Ihtreek Tech
Telegram Ihtreek Tech
Telegram Ihtreek Tech

Awesome Atom | Massive Resources & Collection

image700×394 27.7 KB

Awesome Atom Awesome

A curated list of delightful Atom packages and resources.

Table of Content

  • Syntax
  • Lint
  • Build
  • Extensions
  • Nuclide
  • Themes
  • Collaboration
  • CodeSideStory
  • Uncategorized
  • Nuclide
  • Advanced Open File
  • Atom Reverser
  • Atom Terminal
  • Autocomplete module import
  • Beautify
  • Code Peek
  • Color Picker
  • Copy Paste
  • CSS Declaration Sorter
  • Duplicate Selection
  • Editor Config
  • Emmet
  • File Icons
  • Fonts
  • Git Time Machine
  • html-to-css
  • iMDone
  • Jumpy
  • Merge Conflicts
  • Minimap
  • Pigments
  • Project Plus
  • Sort lines
  • Sorter
  • Sync Settings
  • PlatformIO IDE Terminal
  • TernJS
  • Test Navigator
  • Themer
  • Toggle Quotes

Syntax

Language packages extend the editor with syntax highlighting and/or snippets for a specific language or file format.

Lint

In case the awesome nirvana that is linting has not yet been unleashed upon you:

lint was the name originally given to a particular program that flagged some suspicious and non-portable constructs (likely to be bugs) in C language source code. The term is now applied generically to tools that flag suspicious usage in software written in any computer language.

To enable linting, you’ll need the general linter which provides the interface for the provider plugins for specific languages. The full list of current plugins can be found at atomlinter.github.io, a few examples being:

 4

Build

To enable building, you’ll need the general build which provides the interface for the provider plugins for specific languages and adds integrates with lint. The full list of current plugins can be found at atombuild.github.io, a few examples being:

atom-build
Awesome Atom | Massive Resources & Collection 41
68747470733a2f2f6e6f7365676c69642e6769746875622e696f2f746172676574732d6d616b652e676966

Extensions

Nuclide 2

An open IDE for web and native mobile development, built on top of Atom maintained by Facebook.

image 1
Awesome Atom | Massive Resources & Collection 42
68747470733a2f2f6e75636c6964652e696f2f7374617469632f696d616765732f646f63732f70726f6d6f2d6861636b2e706e67

Collaboration

CodeSideStory 1

An Atom/Slack integration to start conversations about code right from the editor. Record screens and archive it right next to the line number to provide more context to your code.

68747470733a2f2f73746f726167652e676f6f676c65617069732e636f6d2f636f64657369646573746f72792f7374617469632f6d656469612f61746f6d5f73732e63323962346230622e706e67

Uncategorized

Advanced Open File

Helps Atom users to open files and folders easily. It can also creates new files and folders if they don’t currently exist.

image 3
Awesome Atom | Massive Resources & Collection 43
687474703a2f2f6f736d6f73652e6769746875622e696f2f616476616e6365642d6f70656e2d66696c652f64656d6f2e676966

Atom Reverser

Reverses your current selections; e.g. false to true

Atom Reverser in action

Atom Terminal

Launch terminal app on current file’s directory with “Ctrl-Shift-T” in Atom.

image 2
Awesome Atom | Massive Resources & Collection 44
terminal

Autocomplete module import 1

Search & install npm packages from import/require statements by Algolia 1

image 8
Awesome Atom | Massive Resources & Collection 45
687474703a2f2f672e7265636f726469742e636f2f643576695542385859372e676966

Beautify

Beautify 1 HTML (including Handlebars), CSS (including Sass and LESS), JavaScript, and much more in Atom.

Code Peek

Quickly peek and edit functions in separate files from the context of your current editor.

Code Peek Demo
Awesome Atom | Massive Resources & Collection 46
code peek

Color Picker 1

Color picker that supports HEX, HEXa, RGB, RGBa, HSL, HSLa, HSV, HSVa, VEC3, VEC4 – and is able to convert between the formats. It also inspects Sass and LESS color variables.

Color Picker in action
Awesome Atom | Massive Resources & Collection 47
preview

Copy Paste 1

Types in your code for your from the clipboard/buffer. Simply copy the code and hit the shortcut to watch your code being typed. Copy paste is ideal for screencasts and online courses.

CSS Declaration Sorter 1

Sorts your CSS, Less or Sass declarations in Atom, never gets tired. You can choose from various ready-made orders to keep your CSS tidy.

CSS Declaration Sorter Demo
Awesome Atom | Massive Resources & Collection 48
show off

Duplicate Selection

Duplicates the selection if there is one, otherwise, duplicates the line.

Editor Config 1

EditorConfig helps developers maintain consistent coding styles between different editors

atom-editor-config
Awesome Atom | Massive Resources & Collection 49
68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f3137303237302f323332373939342f64666534306362342d613366362d313165332d383632662d3839343939393937333337332e706e67

Emmet 1

Plugin which greatly improves HTML and CSS writing. Shortcuts can expand to complete set of HTML or CSS selectors.

File Icons 1

Adds file specific icons to atom for improved visual grepping. Works with Tree View and Fuzzy Finder and Tabs.

Fonts

Lots of monospace fonts.

Git Time Machine

It shows visual plot of commits to the current file over time and you can click on it on the timeplot or hover over the plot and see all of the commits for a time range.

git-time-machine

html-to-css

Generates CSS boilerplate based on the selected HTML. Supports CSS, SCSS, Sass, LESS, BEM, JSX.

html-to-css
Awesome Atom | Massive Resources & Collection 50
687474703a2f2f64726163756c2e6b696c6c2e706c2f2537456172642f68746d6c746f6373732e676966

iMDone 1

A task-board for TODOs, FIXMEs, HACKs, etc in your code.

757d5532 5814 11e5 8759 4196bd92c822

Jumpy

An Atom package that creates dynamic hotkeys to jump around files across visible panes.

image 15
Awesome Atom | Massive Resources & Collection 51
jumpy

Merge Conflicts

Resolve your git merge conflicts in Atom.

image 9
Awesome Atom | Massive Resources & Collection 52
68747470733a2f2f7261772e6769746875622e636f6d2f736d61736877696c736f6e2f6d657267652d636f6e666c696374732f6d61737465722f646f63732f636f6e666c6963742d7265736f6c7574696f6e2e676966

Minimap 1

A preview of the full source code.

Pigments 1

A package to display colors in project and files.

image 10
Awesome Atom | Massive Resources & Collection 53
687474703a2f2f61626533332e6769746875622e696f2f61746f6d2d7069676d656e74732f7069676d656e74732e6769663f7261773d74727565

Project Plus

Simply awesome project management in Atom.

image 13
Awesome Atom | Massive Resources & Collection 54
project plus

Sort Lines

Sorts your lines. Never gets tired.

image 12
Awesome Atom | Massive Resources & Collection 55
68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f323938382f313739363839312f38356536396666322d366139332d313165332d383961632d3331393237663630343539322e676966

Sorter

Sorts Lines, JSON, CSS, HTML, CSV. Restores semicolons. Respects indentation. Supports natural sort.

Sync Settings

Synchronize package settings, keymap and installed packages across Atom instances.

PlatformIO IDE Terminal

A terminal package for Atom, complete with themes, API and more for PlatformIO IDE. This is a maintained (as of 2017-07-13) fork of terminal-plus.

image 14
Awesome Atom | Massive Resources & Collection 56
demo

TernJS

Javascript code intelligence for atom with tern.js and autocomplete-plus.

Test Navigator 1

Quickly navigate between test and implementation files.

Test Navigator Demo
Awesome Atom | Massive Resources & Collection 57
test navigator

Themer 2

Generate Atom syntax/UI theme packages (and matching themes for your other tools) from your favorite colors.

Toggle Quotes 2

Quickly toggle between single and double quotes.

Tree View Search Bar 1

Quick look in tree view.

Source: GitHub

ENJOY & HAPPY LEARNING! :heart:

Leave a Comment