About the editor

Atom is a cross-platform open source editor launched by Github in 2015. It features a clean and intuitive graphical user interface, macro support, automatic split screen, and file manager integration.

Supports Mac, Window, and Linux operating systems. What’s more, it is free for the time being, there is no need to pay, and there is no need for cash-strapped students to search for science (Po) learning (JIE) resources.

It has many, many advantages that cannot be ignored and can make your programming life more interesting:

  1. Super good appearance level, can say, in the current editor, its appearance level dare to say one of the two, yan control essential, impeccable.

  2. UI smooth micro interactive animation, take you into the 2.0 world of program compilation, friendly Error prompt box, pop-up BUG also appears so cute.

  3. Rich Packages, visual UI installation interface, silly, white and sweet, to meet your various posture needs.

  4. Github is an official github product with git native support.

  5. Countless interface style theme, a theme than a good-looking, just like changing wallpaper, no longer boring your vision, open your brain logic.

  6. Chinese community support, English is not good players do not have to worry about how to scientific Internet how to search for the headache of the English official website and community. Official website: https://atom-china.org/ (or search Atom Chinese community)

  7. Advanced, high-end, grade.

Of course, inevitably, it has its drawbacks. For example, because of its origin, SVN support is destined to be poor, if you rely on SVN, it may not be the right fit for you; For some reason its architecture can’t overcome, it can be a little slower than Sublime, and poorly configured machines can occasionally get stuck. Now, of course, it’s optimized very well.

Github: github.com/atom/atom

Chinese forum: atom-china.org/

Liverpoolfc.tv: atom. IO /



As for the level of appearance, I would like to mention separately, which surprised me. As a half programmer and half designer, I am very fond of the editor with smooth interaction and user-friendly interface colors. When I first got into Atom, I enjoyed switching colors and operations and studying its interaction modes. To my surprise, it was surprisingly friendly to first-time programmers.

About visual presentation layer, you can directly from the image below to see its diversity, and each kind of mode, whether it is dark, or light, there is very little revealed the fresh taste, don’t look at it first, look at the most shallow directly to the user experience and visual effect, is certainly refreshing unique. I’m happy, because that kind of youthful energy also makes me feel alive when I code.

It’s not just about looks. Full compatibility with Sublime shortcuts, more intuitive Project management, reuse of resources from the NPM community, faster updates, and its very user-friendly approach and Github reputation bonus make it one of the best editors to use.

A hackable text editor for the 21st Century

Strong community support is bound to be great, so if you don’t already have an editor that you can get used to, try amway.


About the topic

You can find many, many great UI themes on the Atom website, and their color schemes are awesome, so you can see how they look on your browser and decide if you want to install one of them. These are created by the development team and the atom-loving users, and many of them are really cool. I love the atom-Material – UI theme, for example, and if you like, you can decorate your code with a cool one.

Themes: Atom. IO /themes

So how do you install a theme if you like it?

You can find Themes in the Setting community resource Install and search for that theme. Click Install to install it on your Atom. It is very simple, after installing it, you can configure it in the Themes of Setting and choose the interface style you like.

Of course, if you like different, want to customize their own interface, you can also conveniently change the UI configuration here, any RGB color support! Whether it’s red or full of forgiveness, it’s great.


The plugin

One of the most interesting things about Atom is its extensive plug-in support. You can find almost any editing feature you want here. To make this article more useful, I’ve briefly introduced a few handy plug-ins that you can install as soon as you install Atom to enrich your programming life.

1, the atom – ternjs

This is a must-have plug-in for front-end engineers. It has syntactical support for ES5, ES6, Node.js, JQuery, Angular, and so on, so you need to install it.

Website: atom. IO/packages/at…

Github:github.com/tststs/atom…


2, the atom – beautify

This is ocD, virgo’s favorite. You can use it to organize and format your messy code with one click, no matter how bad it was or how ugly it was, just like the norm.

Website: atom. IO/packages/at…

Github:github.com/Glavin001/a…


3, open – in – browsers

One key in the browser to open your static page, very convenient and fast, is really a great function. Of course, this is not very useful if you are using a framework.



Liverpoolfc.tv: atom. IO/packages/op…

Github:github.com/skandasoft/…


4, Emmet

Sublime users will certainly be familiar with Sublime. This is a plugin that most people who like to use Sublime will install. It simplifies the code you write and greatly improves the efficiency of your programming.

Liverpoolfc.tv: atom. IO/packages/em…

Github:github.com/emmetio/emm…


5, file – the ICONS

This is really great, I love it, it can make your project very visual, at a glance. Sometimes life is just a little bit of color embellishment, isn’t it?

Liverpoolfc.tv: atom. IO/packages/fi…

Github:github.com/file-icons/…


6, highlight – line

No longer worry about overtime code code can not find their own code to which line, bright reminder of your line, really sweet.

Liverpoolfc.tv: atom. IO/packages/hi…

Github:github.com/richrace/hi…


7, the highlight – selected

Also do not worry about you can not find the word and the cursor, double-click on the selection, Copy more convenient and fast, experience the fingers in the middle of the night quickly knocking on the keyboard feeling.



Liverpoolfc.tv: atom. IO/packages/hi…

Github:github.com/richrace/hi…


8, activate – power – mode

A very cool plug-in, playing games like the code word pleasure, sour cool even the screen with your finger vibration, crackling simply can’t be too happy, haven’t experienced the students quickly experience it. Aha, there’s Combo.



Liverpoolfc.tv: atom. IO/packages/ac…

Github:github.com/JoelBesada/…




About plug-in installation failure



Don’t panic if an Error appears during the installation of the plugin. This Error can sometimes occur when using a visual interface to install the plugin. You can try the command line installation, refer to the forum post, thanks for sharing.

CSDN:blog.csdn.net/loverain90/…


As for Atom editor development tool recommendations, here is the summary for the time being. If there are any plug-ins you like to use, please feel free to leave a comment at Amway. I will add them to the copy after I try them out.