My configuration for Atom.io

atom
Tags:

This is not the first time I write about text editors, but a few months ago I started to used Atom.io and I also try both in Windows and Linux and I am satisfied with it (I also tried Brackets (in spanish)). Today I want to share with my readers the configuration I have for Atom, the plugins I use, and to end with, I wrote a script with everything I use that I’ve been updating during this time: just run and have fun!!

Atom.io is not a new editor, it is a reference for thousands of developers, built by the people from GitHub (you can guess that they know what’s development is about!!). I chose Atom because I can have lots of tools that I normally use, for working with TypeScript or HTML5, or event working with Python without using PyCharm.

NotePad++ improved

For me, Notepad++ is another fixed editor in my toolbox because of its versatility for workinig with different languages: bat, python, javascript, typescript, css, typescript, html5, asp clásico (yes, I still use this language for the server).

The file comparision tool is very powerful in Notepad++, but I had some troubles with it when working with 64 bits, because there are some important differences between the 32 and 64 versions of Notepad++. It is wierd, but I found that there is no plugin manager on the 64 bits version, and that’s a reason to move to Atom: the plugins are not working as expected!

My script for Atom

There is no doubt that accesing atom by using the command line is very attractive idea, because it makes easy to install plugins and themes, and automatiza all this tasks. Now I have to prepare a Windows virtual machine, I wrote this entrance, and here is the script I use for installing plugins on Atom.


rem Version 1.7 - Configuración de Atom ... @manejandodatos - 20170424
rem Configurando Proxy .....
rem
rem Instalando paquetes de ... Atom.io

apm install linter
apm install linter-ui-default
apm install busy-signal, intentions
apm install linter-flake8
apm install Atom-Typescript
apm install pigments
apm install color-picker
apm install qolor
apm install file-icons
apm install emmet
apm install improved-asp-html
apm install formatter
apm install atom-formatter-jsbeautify
apm install atom-handlebars
apm install filesize
apm install todo-show
apm install prettier-atom
apm install tree-ignore
rem Instala Sintax Theme
apm install monday-syntax
apm install ariake-dark-syntax
apm install template-generator
apm install terminal-plus
apm install atom-bootrstrap4
apm install split-diff
apm install minimap-split-diff

rem ### Solo si tiene instalado GitHub
rem apm install local-server-express
rem apm install linter-js-standard
rem apm install linter-eslint

As you can verify with the names of the plugins, Atom.io is my editor when working with HTML, CSS and TypeScript, and there is a lot of plugins to increase functionality. I also encaurage you to install other plugins that I found very interesting like tree-ignore (all files and dirs included in .atomignore file won’t be shoed in the file tree).

If you use bootstrap, there are a few plugins you must use. I use atom-bootstrap4, but you can move to version 3 as well.

I am not a fan of trying several themes, but I feel confortable working with black themes, and the one I am using is Atom-dark for sintax and for UI.

If you like minimaps, they are not installed by default, but I find them useful, so, I include the plugin as well.

I am still learning how to use it, but template-generator is a useful tool for inserting code, and emmet is brilliant for working with HTML5 (I think it is basic plugin!!).

I also include a few plugins as a comment because some of them requires GitHub install. You can use local-server-express, a local server that I have seem recommended in several places, and also, if you work with Python, I encaourage you to read this entrance.

So, I hope with this information you can have a cool toolbox for working with Atom, and happy coding!!