* (https://search.scotch.

io)
(https://hrd.cm/2k90ljr)
(/) HIRED
(https://p
" Enroll (https://school.scotch.io/enroll)
More +

scotch.io . Tutorials (/tutorials)

code neat and clean I want to get hired

(https://scotch.io) Login / R
% Courses (https://school.scotch.io)

Subscribe & get our FREE eBook

! Build Your First Node.js App

" Enroll(https://school.scotch.io/enroll) The

Email Address Scotch
atom Free Node Book
# Tutorials $ (https://scotch.io/tutorials) )
(https://scotch.io/tag/atom)
editors Scotch.io
%
Best
Courses(https://school.scotch.io/courses) (https://scotch.io) (htt

& Forums(https://school.scotch.io/lounge)
of
(https://scotch.io/tag/editors)

' Write (

Scotch
Atom: Responsive Images, Simplified

(https://synd.co/2fkI8QY)
kylo-ren@hoth-topic.com

School(https://school.scotch.io)
Features, Subscribe & get our FREE eBook
Get Scotch in

) About ( Plugins, Build Your First Node.js App

Acting Email Address

(https://synd.co/2kWYbGK) -

Like Free Node BookTwitter

(https://twitter.com/sc

Sublime ,
 GitHub

Text
(https://github.com/sc
io)

(https://pub.scotch.io/@michaeljcalkins)
(https

Michael J. Calkins mach

(https://pub.scotch.io/@michaeljcalkins)
May 12, 2016 ME
Mach
(//srv.buysellads.com/ads/click/x/GT
Bar Talk (https://scotch.io/bar-talk)
24 Comments (https://scotch.io/bar-
talk/best-of-atom-features-plugins-
acting-like-sublime-text#disqus_thread) (https
Stalk Us
82,896
/
SpudP
-
(https://twitter.com/scotch_io)
RELATED
COURSE (https

0
Sco
(https://www.facebook.com/scotchd
Bo

GET
, (https
STARTED
WITH (https://github.com/scotch-io)
JAVASCRIPT
Pan
FOR
WEB
DEVELOPMENT
1
(https
JavaScript
(https://feeds.feedblitz.com/scotch_
is
the Dig

language Monthly Best

on
(https
 fire.
Build
an The
app
for
any

s)
ip
sh
s

or
ip
platform

ns
sh

po
or
ns

/s
pe
you

po

/ty
S

io
h.
want 3 2

tc
co
//s
s:
including

ttp
(h
Advertise Con
website, (/advertise) (/con
server,
mobile,
and
desktop.

Get
Started

(https://bit.ly/2koLun3)

# #
Introduction
Atom Best Courses
(https://atom.io/)
is
an
open
source
text
editor
made
by
GitHub
that
lets
you
easily
customize
every
aspect
of
it.
The
entire
application
is
written
in
JavaScript,
CSS,
and
HTML
so
hacking
the
core
and
writing
packages
is
much
more
straight
forward.

Cross-
platform:
Works
on
OS
X,
Windows,
and
Linux.

Package
manager:
There
are
thousands
of
plugins
created
that
make
Atom
amazing.
Atom
Packages
(https://atom.io/packages)

Autocompletion:
An
extensive
autocomplete
system
for
every
language
out
there.

File
system
browser:
The
filetree
and
fuzzy
finder
make
opening
projects
and
files
very
simple.
 Multiple
panes:
Split
your
workspace
into
multiple
panes
to
compare
and
edit
code
across
files.

# # Why
Atom?
A
text
editor
for
the
home
of
tomorrow...today!

Introducing Atom 1.0!

The
main
goal
of
Atom
is
that
anyone
can
hack
the
core
to
make
it
do
what
they
want.
Everything
is
customizable
via
CSS
or
JavaScript.
If
you
want
a
feature
that
doesn't
exist
it's
very
easy
to
start
writing
your
own
package.

Themes
in
Atom
are
often
high
quality
and
are
flexible.
When
you
install
one
of
the
1,246
themes
 available,
anything
you
don't
like
can
be
changed
by
editing
one
of
the
.less

files
in
it's
package
folder.

# #
Features
Atom
doesn't
have
features
in
the
traditional
sense,
it
creates
packages
that
add
to
it's
hackable

core.
Any
of
the
91
(at
this
time)
packages
Atom
uses
can
be
found
on
their
website
(https://atom.io/users/atom).
This
allows
for
a
lot
of
creativity
because
when
a
package
doesn't
exist
it
can
easily
be
created
or
extended.
# #
Fuzzy
Finder
Ctrl

Atom
indexes
your
current
project
and
makes
it
easy
to
search
from
the
Fuzzy
Finder
for
any
file
you
want.
Mind
you
unless
you
tell
the
settings
for
filetree
to
ignore
folders
like
node_modules

or
vendor

you
can
end
up
with
slow
searches
or
sluggish
performance
due
to
the
number
of
files
typically
present
in
these
folders.
# #
Tree
View
Ctrl

View
and
open
files
in
your
current
project.
Provides
many
common
actions
like
cutting
and
pasting
folders,
copying
the
proejct
path
to
a
file,
or
opening
a
file
up
in
your
native
file
explorer.
# #
Package
Installer
When
you
want
a
new
package
or
theme
installed,
open
your
settings
and
click
Install.
Here
you
can
search
for
packages
or
themes,
and
when
you
find
one
you
want
click
install.
Typically
you
shouldn't
need
to
restart
Atom
but
in
rare
cases
it's
necessary.
# # Best
Settings
First
couple
things
you
want
to
change
in
the
main
settings
for
Atom
is:

Setting
the
files
you
want
ignored
under
Ignored
Names
this
will
enhance
Atom's
performance
greatly.

Setting
the
Project
Home
where
projects
are
assumed
to
be.
Check
the
Hide
Ignored
Names
from
your
file
tree
so
that
.DS_Store

and
.git

don't
appear
needlessly.
# #
Plugins
to Make
Atom
Act Like
Sublime
Text
The
following
plugins
give
Atom
some
of
the
most
popular
features
that
Sublime
Text
3
has.
 If
you
see
any
missing
please
comment!

# #
minimap
A
preview
and
easily
scrollable
view
of
the
full
source
code.
A
bunch
of
plugins
have
been
written
from
Code
Glance
(https://atom.io/packages/minimap-
codeglance)
to
Linter
(https://atom.io/packages/minimap-
linter)
that
greatly
enhance
minimap's
helpfulness.

https://atom.io/packages/minimap
(https://atom.io/packages/minimap)
# #
project-
manager
Alt

Shift

Easy
access
and
management
to
all
your
projects.
Allows
for
project
specific
settings
and
options.

https://atom.io/packages/project-
manager
(https://atom.io/packages/project-
manager)
# #
highlight-
selected
When
you
double
click
a
word,
it
and
every
other
matching
word
in
the
file
becomes
highlighted.

https://atom.io/packages/highlight-
selected
(https://atom.io/packages/highlight-
selected)
# #
simple-
drag-
drop-
text
Highlight
text
to
drag
n'
drop
it
somewhere
else
in
your
file.
https://atom.io/packages/simple-
drag-
drop-
text
(https://atom.io/packages/simple-
drag-
drop-
text)
# # Best
Plugins
The
following
plugins
are
what
I
feel
makes
Atom's
already
great
feature
set,
amazing.
I
use
these
in
my
day
to
day
work
 to
increase
productivity.

# #
git-
plus
Ctrl

Shift

Shortcuts
to
common
git
actions
without
needing
to
switch
to
your
terminal.

https://atom.io/packages/git-
plus
(https://atom.io/packages/git-
plus)
# #
vim-
mode
Provides
most
of
Vim's
features
to
Atom
blending
the
two
together.
Large
portions
of
Vim
have
been
reproduced
but
is
still
 being
added
to.

https://atom.io/packages/vim-
mode
(https://atom.io/packages/vim-
mode)

# #
merge-
conflicts
A
very
helpful
tool
for
finding,
previewing,
and
resolving
merge
conflicts
within
your
project.

https://atom.io/packages/merge-
conflicts
(https://atom.io/packages/merge-
conflicts)
# #
color-
picker
When
a
color
is
detected
and
the
color
picker
is
activated
a
very
helpful
window
opens
that
lets
you
https://atom.io/packages/color-
picker
(https://atom.io/packages/color-
picker)
# #
emmet
tab

A
personal
favorite
because
it
saves
so
much
time
typing
when
building
out
pages.
Just
give
it
some
hints
about
the
html
you
want
made
and
it
will
expand
that
into
true
html.

https://atom.io/packages/emmet
(https://atom.io/packages/emmet)
# #
docblockr
Makes
writing
documentation
faster
by
detecting
the
details
of
the
function
below
it
and
autofilling
much
of
the
comment.

https://atom.io/packages/docblockr
(https://atom.io/packages/docblockr)
# #
pigments
Detects
and
displays
colors
behind
the
representative
text
so
you
don't
have
to
remember
what
color
a
number
is.

https://atom.io/packages/pigments
(https://atom.io/packages/pigments)
# #
linter
Probably
one
of
the
most
helpful
packages
made,
this
visualizes
and
notifies
you
of
errors
within
your
project.
Be
sure
to
install
all
relevant
linters
so
it
can
detect
errors
for
you
using
eslint,
phplint,
or
etc.

https://atom.io/packages/linter
(https://atom.io/packages/linter)
# #
autocomplete-
modules
Autocompletes
require/import
statements
for
you
by
following
the
path
you
type
and
showing
you
the
available
files
at
that
location.
 https://atom.io/packages/autocomplete-
modules
(https://atom.io/packages/autocomplete-
modules)

# # auto-
update-
packages
Updates
your
packages
automatically
by
checking
for
updates
at
the
interval
defined
in
it's
settings.

https://atom.io/packages/auto-
update-
packages
(https://atom.io/packages/auto-
update-
packages)
# #
custom-
title
Lets
you
set
the
template
for
Atom's
title
bar
letting
you
show
the
relevant
information
about
your
current
project,
git,
and
file.

Here's
the
template
I
use:
 JAVASCRIPT

https://atom.io/packages/custom-
title
(https://atom.io/packages/custom-
title)
# # file-
icons
Pretty
and
good
for
visual
grepping,
these
filetype
icons
appear
next
to
files
in
your
filetree,
fuzzy
finder,
and
tabs.
You
have
the
choice
of
colored
or
monochrome
icons.

https://atom.io/packages/file-
icons
(https://atom.io/packages/file-
icons)
# #
Conclusion
My
personal
must-
have/favorite
is
git-
plus
because
the
shortcuts
it
provides
have
clearly
made
me
more
productive.

If
you'd
like
to
browse
what
Atom
has
to
offer
checkout
Atom
Packages
(https://atom.io/packages)
for
helpful
plugins
and
Atom
Themes
(https://atom.io/packages)
for
any
themes
or
color
schemes
you
want.
 If
you'd
like
to
try
out
my
personal
setup
for
Atom:

1. Install
the
config-
import-
export
(https://atom.io/packages/config-
import-
export)
package
to
Atom.

2. Create
an
AtomBackups

in
your
home
directory.
3. Download
this
JSON
file
to
your
AtomBackups
Directory.
(https://gist.githubusercontent.com/michaeljcalkin

4. Click
Packages
-
>
Config
Import
Export
-
>
Import
and
select
the
freshly
downloaded
JSON
file.

Recommended
font
replacements
 for
Operator
Mono:

https://github.com/chrissimpkins/Hack
(https://github.com/chrissimpkins/Hack)

https://github.com/tonsky/FiraCode
(https://github.com/tonsky/FiraCode)

What's
are
your
favorite
packages
for
Atom?

atom

(https://scotch.io/tag/atom)
editors

(https://scotch.io/tag/editors)

(https://pub.scotch.io/@michaeljcalkins)
Michael
My Scotch Posts
J.
Calkins
(https://pub.scotch.io/@michaeljc
Ranger
Steve
is
a
fast
paced
multiplayer
shoot-
em-
up
game
entirely
in
your
browser!

https://rangersteve.io
(https://rangersteve.io)

I
love
creating
innovative
and
challenging
 projects
using
JavaScript
and
NodeJS.
I
code
one
line
at
a
time
like
everyone
else.
)
(https://pub.scotch.io/@michaeljcalkins)
http://www.michaeljcalkins.com
-
(http://www.michaeljcalkins.com)
(https://twitter.com/michaeljcalkins)
,
(https://github.com/michaeljcalkins)

Next Up
Building a
Google
Keep
Clone with
Vue and
Firebase,
Pt 1
In this tutorial,
you will learn
how to create
a (minimal)
Google Keep
clone app with
the Model-
View-
Viewmodel
(MVVM)...

(https://scotch.io/tutorials/building-
a-google-
keep-clone-
with-vue-
firebase
and-
(https://scotch.io/tag/firebase)
javascript
firebase-pt-
(https://scotch.io/tag/javascript)
1)
node.js
(https://scotch.io/tag/node-js)
real time
(https://scotch.io/tag/real-time)
vue.js (https://scotch.io/tag/vue-
js)
(https://pub.scotch.io/@sniels)
Different
Tricks on
How to
Make
Bootstrap
Columns
All the
Same
Height
Bootstrap 3
(and now
Bootstrap 4)
are amazing
CSS
frameworks
that can make
the lives of
developers...

(https://scotch.io/bar-
talk/different-
tricks-on-
how-to-
bootstrap
(https://scotch.io/tag/bootstrap)
css (https://scotch.io/tag/css)
make-
javascript
bootstrap- (https://pub.scotch.io/@nick)
(https://scotch.io/tag/javascript)

columns-

Subscribe to get our free eBook

BUILD YOUR FIRST NODE.JS

APP

Subscribe to the Scotch Newsletter

Get the Free eBook

The Team The Pub Our Stuff About Us
(/about) (https://pub.scotch.io)
(https://digital.scotch.io)
(/about)
@chrisoncode Write a Post MEAN Machine Scotch School
(https://twitter.com/chrisoncode)
(https://pub.scotch.io/register)
(https://leanpub.com/mean-
(https://school.scotch.
@whatnicktweets Community Posts machine) Scotch Digital
(https://twitter.com/whatnicktweets)
(https://pub.scotch.io)
SpudPress (https://digital.scotch.i
@hollylawly (https://spudpress.com)
Scotch Store
(https://twitter.com/hollylawly) Scotch Box (https://shop.scotch.io
(https://box.scotch.io)
Scotch Slack
Scotch Panels (https://scotch-
(https://panels.scotch.io)
slack.herokuapp.com

-
(https://twitter.com/scotch_io)

0
(https://facebook.com/scotchdevelopment)

,
(https://github.com/scotch-io)

1
(https://feeds.feedblitz.com/scotch_io)

4
(https://pub.scotch.io)
 SSBsb3ZlIHNjb3RjaC4gU2NvdGNoeSBzY290Y2ggc2NvdGNoLg==
v40.13378133781337 / Advertise (/advertise) / Contact (/contact) / License
(/license) / Affiliates (https://scotch.tapfiliate.com/programs/scotch-
school/signup/)
2017 Scotch.io, LLC. All Rights Super Duper Reserved.

Proudly hosted by Digital Ocean (https://m.do.co/c/7a59e9361ab7) )