Why wouldn’t you want a code editor that is not tied up with git? It makes life so much easier, you can easily see where a modified/new file is within a folder structure instead of hunting for it! This has probably collectively saved me hours of looking through folders over my time using it.
APM (Atom Package Manager)
A nice convenience of using Atom is that you can use their built in Atom Package Manager. It behaves in a very similar way to NPM (Node Package Manager). To install a package using APM you will need to open up your terminal window and type the following command:
Once you have done this you may need to restart Atom to see the changes. However, if you install through the built in package area, it seems to work straight away.
For a real world example you can try install the package qolor:
Just to demonstrate the commitment of the Atom community, here is a list of a few packages you may find helpful. I love how the community are in the habit of making little gif files showing you the features of their plugins. This simply means you don’t have to install it to figure out if it’s worth using!
This package looks so incredibly helpful. This is its official description: “git-time-machine is a package for Atom that allows you to travel back in time! 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.”
In the bottom right of the window, Atom can show you the current charset, current language (syntax highlighting), the git branch you are working on, how many commits you are behind, and how many changes you’ve made to the file. Despite all this information being within a small area, it’s not cluttered – and, crucially, it all makes sense! It’s only a small thing, but a nicety nonetheless.
You can also get a path to the current file within the project. This can be copied by clicking it.
The Atom Settings Area
Whilst I find this area much more helpful than Sublime’s approach, some of these settings may disappear depending on what theme you have selected. They could do a better job of telling you!
I think a GUI is essential for a settings area: you may need to show examples, a description or different options that are available for various settings.
If you hate Atom’s keybinds, you can revert what you used to do in Sublime (or whatever editor you are used to):
I love this area so much. Not only do you get a nice list of all your installed packages, but you can filter them too. You can click into a package’s settings for more options, uninstall one or disable it.
In addition, if you are having a problem with a core package (or you simply just do not like its behaviour), you can disable that too! I suppose this is the reason it’s called “Atom”: the editor has been designed with a similar methodology as Atomic Design.
Fantastic! A settings area for a plugin, of course this lets you change the package’s settings, shows links to view the package on Atom’s package site, report an issue on the plugin’s github repo, view the code for that package directly in atom.
In this area you can flick through your installed themes, changing the UI themes and the Syntax themes. Depending on theme, there will also be a link to theme settings. A much improved experience over the method that Sublime uses to change themes.
While on the subject, I thought I would mention the theme I currently use:
This is one of the best looking themes I think I have seen!
To get the full theme you need to install both a part for the “UI” and the “Syntax” areas. Just like with packages, this can be achieved by using the command line with APM (Atom Packing Manager):
Install Packages & Themes
This area is very handy. Whether popular or trending, Atom lets you browse some of the featured packages and themes. It also allows you to search for all the existing Atom packages & themes. You can install them in the same window.
Sublime Text still has its use cases
There are still a couple of scenarios where I don’t think Atom is currently suitable:
A couple of times, I have experienced some weird issues where I have copied and pasted some content from a website, Adobe Photoshop or a Word document (as we all have). The result is that Atom brought through non-standard characters (such as control characters used to indicate new lines).
It used to be the case that Atom did not show anything; they have since added settings to deal this, but currently is not very obvious in the code area.
Opening Large Files
Sometimes, everyone needs to look in large files, SQL script or log files for example. Unfortunately, Atom doesn’t handle them very well, as an example, when trying to open a 100MB SQL file I am presented with a warning. If you proceed this will probably turn into an error…
When opening files with less ridiculously filesizes, Atom does still behave quite laggy. Sublime still handles either scenario very well.
Why I converted from Sublime Text Editor
I think it’s important to go over the reasons I left Sublime. I did use it for a long time – there is still a place for it in my heart, but in my opinion a few core things could be done a lot better. I still use it from time to time and I’ll explain why later on.
You get 2 settings files: 1 of them is the “default” settings version, the other is the “user” settings (which you can use to overwrite the default settings). What I find very unhelpful is that when you are referring to the “user” file, you have no idea what settings exist or their values!
One example of this is the package manager “Package Control”. Yes it’s great, and, easy to install stuff. But what if you want to disable something in particular or uninstall it quick to see if it’s behaving how you expect?
Changing Plugin Settings – what are the options I can change again?
What if you want to change those settings for a new cool plugin or theme that you have just installed? You have to edit a json file… What if you don’t know all the correct values for an option? You have to look in the readme that comes with the package or open the “default” settings file to reference that… How ridiculously unhelpful. I think this area really needs to benefit from some sort of GUI. I don’t want to look in a readme for all the available options: I just want dropdowns, checkboxes and stuff to click to quickly figure out if I want to keep setting or a theme.
Changing your colour scheme & themes?
Honestly, what a faff! There are 2 options that you need to update if you want to change the entire interface. To add to your grief, you have absolutely no idea what the specific theme’s names are and Sublime doesn’t suggest any way of finding out! Why do they expect you to know this? Do they presume you are some sort of wizard? You will need to look in the theme’s readme or github/package page in order to get the correct names.
Here is a screenshot of my settings at the moment, the “theme”: will change the sidebar and the tabs, where as the “color_scheme” will change the code area.
Quick mention: During my research I did find a nice Sublime theme based on Google’s Material Design called “Material Theme“. This theme does in fact let you “activate” it, which will change both the sidebar colours & the syntax highlighting for you!
I feel that $70 for 1 license is too much, especially considering how unfriendly the user experience is, and, for how much it relies on the community for innovative and helpful packages.
1. In its current form, I find Atom very stable, but I have previously experienced a situation where a community built package has caused the editor to crash. However, uninstalling or disabling it has made it work again. I think they could do more to stop this being a problem in the future.
2. It would be much more helpful if packages installed using the APM method did not require a restart of the editor.
3. An issue that hardly anyone will care about, but, the logo does not appear represent an existing atom.
If my impressive qualifications in this field are to be trusted (GCSE in Chemistry), it is my understanding that the only atom with 1 particle in its nucleus is hydrogen, which only has 1 electron & 1 energy level surrounding the nucleus. Maybe the intention of the logo is not meant to reveal the size of the nucleus?
Both Atom & Sublime Text are fantastic code editors. I’m not here to preach to anyone that they should use a particular application instead of another.
I hope that I have explained my reasons for switching coherently and that I have highlighted Atom’s niceties too.
Before I switched, I thought that nothing could be better than Sublime Text, so why bother? … I hope that now you have reached the bottom of this post your workflow will improve no matter which editor you decide to continue with.
At the current time, I will continue to work with Atom everyday as I find the experience much more pleasant.
Good read? Why not spread the word!
Why I use GitHub’s code editor, “Atom”
Fancy a good ol' chat about the values of marketing to your business?
With 7 years experience in Web Development & Dev Ops, Joe has worked with a large range of web apps & technologies. Working on existing sites, or coding new, he has keen interest in making application performance optimal, and, makes sure the servers don't get too hot.