These are the Web Designer’s Top 10 Favourite Atom Tips : Atom has become an extremely well known source code editor that was released by GitHub, back in 2014. It is so useful in its functionality because the framework enables cross-platform application.

The number of users continues to grow and the open source software supports well over a million users every single month and has been downloaded nearly 16 million times! The framework continues to evolve placing it at the forefront of code editing.

This article shows how you can get the best out of Atom. Also, for those advanced Atom users here is a complete list of popular Atom shortcuts.

These are the Web Designer’s Top 10 Favourite Atom Tips

1. Learn to say no to the mouse

If you can master Atom without the use of the mouse, you can take your competency to a whole new level. Atom is created in such a way that you can utilize the framework exceptionally well with only the use of keyboard shortcuts (many included in this article). Learn to say no to the mouse and watch your Atom skill and efficiency take off!

This discussion board adds thoughtful insight of different Atom users getting used to working the code editor without using the mouse.

To discover available shortcuts use the command palette

Cmd + Shift + P (Mac) , or

Ctrl + Shift + P (Windows/Linux).

2. A duplicate line

As described above, there are several keyboard shortcuts that can make your life on Atom remarkably simple. None are more important than the keyboard shortcut for a duplicate line.

A duplicate line lets users to situate their cursor at any point on a line of code and have it duplicated. Furthermore, it is possible to duplicate several lines at one time by highlighting all the lines or using multiple cursors (see tip #9).

To enable a duplicate line on a Mac: Cmd + Shift + D

For Windows/Linux: Ctrl + Shift + D

3. Move the current line above or below

From time to time, you may have to move a line of code above or below where it is currently stationed. This keyboard shortcut is another great asset, particularly when used in association with the duplicate line function. It allows you to manipulate your code without having to re-write it or copy it.

To move the current line on a Mac: Cmd + Ctrl + Up/Down Arrow

For Windows/Linux: Ctrl + Up/Down Arrow

4. Choose the next matching characters

This keyboard shortcut is an ingenious way to choose the next matching characters in relation to those highlighted. As with many of the shortcuts, it removes any unnecessary duplication in writing code. It is a great tool if you only need to change a couple of values across multiple lines.

To select the next matching characters on a Mac: Cmd + D

For Windows/Linux: Ctrl + D

5. Unselect the next matching characters

If you select too many values you can also unselect the most recent characters that you highlighted without having to start all over again.

To unselect the next matching characters on a Mac: Cmd + U

For Windows/Linux: Ctrl + U

6. Choose all matching characters

Occasionally you may find yourself in the situation where you want to edit large chunks of text in the document. Instead of having to select the next matching character for each item, this shortcut allows you to choose everything that matches what you have selected. It is a great tool for limiting the time spent on filling out repeat code.

However, do be careful that you do not select too much at one time as it will compromise Atom’s operating speed.

To select all matching characters on a Mac: Cmd + Ctrl + G

For Windows/Linux: Alt + F3

7. Switch on/off Toggle comments

This is a great keyboard shortcut that applicably comments out the line(s) with the right syntax labels for the language you are using. You may find situations where you wish to comment out a particular line or lines and this is a great time saver.

To toggle comments on/off on a Mac: Cmd + /

For Windows/Linux: Ctrl + /

8. Locate any File

Atom has awesome locate features, which have the ability to search through multiple layers of files at once.

A quick way to look for a file in your current project is by using Cmd + P (Mac), or Ctrl + P (Windows/Linux). Using this function does away with the cumbersome file tree and you can locate your file using the list or search box available.

9. Compound Cursors

The ability to have several cursors operating at once is one of the most admirable features of Atom. Quite simply, several cursors allow you to increase your efficiency by writing several things at once.

If you are operating Windows or Linux hold down Ctrl and click in each place you wish to type. Alternatively, if you are operating in Mac, hold down the Cmd key to achieve the same result.

A great way to align to the same position above or below is using Ctrl+Shift+Up/Down, just be careful that this function is not already utilized in some other capacity, especially for Mac users.

10. Allow pending panes

This is one of the more simple Atom hacks that can save you a lot of time. Make sure you turn on Allow Pending Pane Items. Otherwise, if it is not turned on it will create a nuisance by opening a new pane every single time you click on a file. The end result is that you end up with a whole clustered mess of opened tabs on your screen that can be avoided.

To turn on Allow Pending Pane Items you will find it under Settings > Preferences as one of the general settings. The use of italics identifies the pending pane tabs.