Atom.io: Packages and Theme

So yesterday I talked about Atom.io in this post.
And as promised today I will give you a list of handy packages that I use in overal for my PHP and webdevelopment.

Packages

Highlight Line
The highlight line package does as it’s name implies. It will highlight the entire line your cursor is on. This is mostly a visual aid.

Highlight Selected
With this package you can easily identify a word or a variable that is selected in the rest of the file. This visual aid will make it easier to debug code.

Open Recent
This is a pretty standard package that is actually missing from the core. The community of course looked after this by creating this handy package to solve this problem.

Atom Beautify
If you ever need an auto formatter than this is the package you’re looking for. Compatible with HTML, CSS, Javascript and more it is by far the easiest way to format a file on the fly.

Expose
The expose package is more a package for visual aid. It will take all your open tabs and display them in an expose style, hence the name.

Pigments
Pigment is a handy little package that will aid you in your css color adventures.

HTML Editing
For the editing of html you have two decent options.
The first package will autocomplete your html tag while the second package will auto close the tag. Together they form the base of any good html editor.

Auto Detect Indentation
Don’t you just hate it when indentation of code is not working as it should. Well this package will make life and reading the code a whole lot easier.

PHP Auto Complete
Aside from the html editing there is also a PHP auto-complete package. This is definitely the basic for editing PHP files.

Symfony
Symfony is one of the main frameworks that I work with. For this I have found 2 packages that come in handy.
The first package will provide a bunch of tools and auto completion. This mainly on classes and services.
The second package provides snippets based on Symfony development.

Git
I’ve also found two useful packages for working with git directly in Atom itself.
The time-travel package will let you, as the name implies, see the history of a file.
The other package will assist you in case of merge conflicts.

Linter
First you need to install the base linter package. From there you can add linters as you wish, f.ex. CSS, Javascript, PHP and even Twig.

ToDo
We’ve all done it. Adding a todo but not putting them in our issue tracker. These are just small insignificant todo’s that we tend to lose sight of. With the ToDo Show package you can call up a list of all todo’s within either your project or your open files.

Theme

Seti
Seti is a subtle dark theme for Atom that renders nice icons to to each of your files. In combination with the syntax theme Seti you get a beautiful view for coding.

So definitely check these out, install them and try them out. They’ll be worth your while to improve development using Atom.io.


Kenneth Schabrechts is a freelance developer. You can connect with him on Medium, Twitter, Github, Facebook, LinkedIn and Instagram.

If you liked this post tap the button below to help others find this post!