Setting up Atom for Web Development


In the vein of these Sublime Text 3 recommendations for Rails development, here's my Atom setup for developing web apps.

After using Sublime and Vim for several years, I switched to Atom a year ago, and have not missed one feature from the other two so far. Since Atom is in continuous development by the core team and the community, it only gets better as time passes. Also, it's free.

First, an FAQ/C:


Packages

No need to install any package manager for Atom. The editor is composed of over 50 open-source packages, and so the package manager is built in. There's a phenomenal package repository online, or you can search for them directly on Atom's Settings -> Install. And, since Atom is open source and built using web technologies, creating new packages or extending exiting ones is easy. Here are the ones I use:

vim-mode: the bread and butter of my editor usage. I missed some .vimrc tweaks I had from my MacVim days at first, but I found ways to substitute them with the packages, settings and shortcuts listed here.

tabs-to-spaces: For the few times when someone screws up and uses tabs for indentation, this package fixes it in a pinch.

Settings

Following the Default is King philosophy works very well with Atom, since it comes with a great set of defaults. For example, something like GitGutter already comes built in. Another nifty feature is that it automatically knows which kind of tab policy to use on every file you edit, by infering it from it's structure: no need to tweak this either.

For the things you do need to change, there's no need to mess with JSON. Atom comes with a *gasp* settings panel, with all the dials and levers you need to customize your experience:

There is one small thing I do like to enable, which is autosave on blur. It has saved me countless ⌘ + S, and I've yet to find an instance where I've thought "I should not have saved that document".

Snippets and commands

Do you know "save_and_open_page"? Best way to debug integration tests in Rails, period. Only downside? So many characters to type. That's a snippet right there. Looking for more? Install language-ruby, and bask at its awesomeness.

Key mappings

Again, great defaults: I use the key mappings that come with the editor as much as possible. Here are my favorites:

⇧ + ⌥ + K: Delete line
⌘ + D: "Magic" selector, just like Sublime Text:

⌘ + L: Select line
Ctrl + ⌘ + Up/Down: Move line(s) up and down
⌘ + Z,Y: Go back to where I was (hacky, but works!)

And for everything else, there's vim-mode.

Philosophy

If you've made it this far, either you use Atom already, or you're seriously thinking on switching to it. For the almost-atom users, here's one last thought. Would you rather invest decades of use on a propietary editor, or on an open-source one that you can hack on top of, at every level? The more us devs use Atom, the better it gets.

35 comments:

  1. I am happy to find this post Very useful for me, as it contains lot of information. I Always prefer to read The Quality and glad I found this thing in you post. Thanks web developers

    ReplyDelete
  2. Today even the businesses run online with their online productivity overshadowing their real world productivity. The web has become an inimitable marketplace for people to buy and sell all kinds of products and services.affordable website design

    ReplyDelete
  3. from pay per click advertising to social media marketing like Pinterest, Facebook or Twitter, from finding the right products to sell to finding customers to buy them, the list goes on. To learn how to quickly and easily get your online business started visit smbkey...

    ReplyDelete
  4. Since exchanges demand a number of payment processes like credit or debit cards, the purchasers may also buy on the internet by opening an account on the grounds of the respective geographical site. Regardless, it's not sensible to use bitcoin exchange
    to put away your whole pot of coins, notwithstanding the manner that it may radiate an appearance of being the simple option if all you're doing is guessing. If you are constructing an exchange for the lengthy haulone that will service businesses and might require investorsyou might have to abandon ethical privacy policies (ethical, in other words, according to privacy advocates).

    ReplyDelete
  5. Great article. I learned lot of things. Thanks for sharing.
    web apps

    ReplyDelete
  6. This comment has been removed by the author.

    ReplyDelete
  7. Im no expert, but I believe you just made an excellent point. aviation website development

    ReplyDelete
  8. Great Post about Web Design BTW Thanks for Input a Very Enlightening Post and Keep it up & keep going always.
    custom web design melbourne

    ReplyDelete
  9. While designing a website, there are a few standards concerning the quality and readability of substance, program consistence and easy to understand highlights.Webdesign Webshop

    ReplyDelete
  10. Thanks for the blog loaded with so many information. Stopping by your blog helped me to get what I was looking for. Webdesign

    ReplyDelete
  11. Really a great addition. I have read this marvelous post. Thanks for sharing information about it. I really like that. Thanks so lot for your convene. Webdesign

    ReplyDelete
  12. Hello! I just wish to give an enormous thumbs up for the nice info you've got right here on this post. I will probably be coming back to your weblog for more soon! Webdesign

    ReplyDelete
  13. Hello! I just wish to give an enormous thumbs up for the nice info you've got right here on this post. I will probably be coming back to your weblog for more soon! Webdesign

    ReplyDelete
  14. It was a very good post indeed. I thoroughly enjoyed reading it in my lunch time. Will surely come and visit this blog more often. Thanks for sharing. Webdesign

    ReplyDelete
  15. What a really awesome post this is. Truly, one of the best posts I've ever witnessed to see in my whole life. Wow, just keep it up. Webdesign

    ReplyDelete
  16. Took me time to read all the comments, but I really enjoyed the article. It proved to be Very helpful to me and I am sure to all the commenters here! It’s always nice when you can not only be informed, but also entertained! Webdesign

    ReplyDelete
  17. This is a great post. I like this topic.This site has lots of advantage.I found many interesting things from this site. It helps me in many ways.Thanks for posting this again. Webdesign

    ReplyDelete
  18. This is a great post. I like this topic.This site has lots of advantage.I found many interesting things from this site. It helps me in many ways.Thanks for posting this again. Webdesign

    ReplyDelete
  19. Webdesigner waar u een professionele en betaalbare website kan laten maken? De nr. 1 webdesigner in Limburg, Antwerpen en Vlaams-Brabant voor SEO websites. Webdesigner

    ReplyDelete
  20. This is a great post. I like this topic.This site has lots of advantage.I found many interesting things from this site. It helps me in many ways.Thanks for posting this again. Webdesign

    ReplyDelete
  21. You create sense out of the foremost complex topics.
    Media Onlines

    ReplyDelete
  22. Took me time to read all the comments, but I really enjoyed the article. It proved to be Very helpful to me and I am sure to all the commenters here! It’s always nice when you can not only be informed, but also entertained! Webdesign

    ReplyDelete
  23. What a fantabulous post this has been. Never seen this kind of useful post. I am grateful to you and expect more number of posts like these. Thank you very much. Webdesign

    ReplyDelete
  24. very good post, i definitely love this excellent website, keep on it web development

    ReplyDelete
  25. These are the various sorts of connections I would concentrate on getting. Webdesign

    ReplyDelete
  26. Thank you because you have been willing to share information with us. we will always appreciate all you have done here because I know you are very concerned with our. Kansas City Website Design

    ReplyDelete
  27. Awesome article, it was exceptionally helpful! I simply began in this and I'm becoming more acquainted with it better! Cheers, keep doing awesome!
    ecommerce web development

    ReplyDelete
  28. thanks for this usefull article, waiting for this article like this again. Webdesign bureau

    ReplyDelete
  29. This is a great inspiring article.I am pretty much pleased with your good work.You put really very helpful information. Keep it up. Keep blogging. Looking to reading your next post.
    ecommerce website design development

    ReplyDelete
  30. Implementing structured data on your website is a must. It helps your site appear in knowledge graphs, for brand searches,
    xenforo banner css

    ReplyDelete
  31. In one segment he discusses his investigation of personal development and mentions a noteworthy objective fact. He keeps up that before the 1920's and 1930's, personal development was characterized as "Character Development".מבחן איי קיו אונליין

    ReplyDelete
  32. Thanks picking the correct to go about this approach, Personally i think powerfully with this complete and consequently adoration grasping much more about doing this idea. Assuming likelihood, due to the fact enjoy proficiency, exactly what brain improving a blog website using even more knowledge? This is very of great help for everybody. hide wordpress

    ReplyDelete
  33. Right wow messages are bound to show your and supply memorialize the speacial couple. Beginner sound system to high in volume crowds should always take a look at all of the wonderful value behind presenting and public speaking, which is to be someone’s truck. best man speeches brother best vps providers

    ReplyDelete
  34. Excellent and very exciting site. Love to watch. Keep Rocking. gebze web tasarım

    ReplyDelete
  35. eating disorders are of course sometimes deadly because it can cause the degeneration of one’s health., freelance web tasarım

    ReplyDelete