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.

76 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. 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
  11. 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
  12. 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
  13. 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
  14. 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
  15. You create sense out of the foremost complex topics.
    Media Onlines

    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. 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
  18. very good post, i definitely love this excellent website, keep on it web development

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

    ReplyDelete
  20. 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
  21. 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
  22. 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
  23. Implementing structured data on your website is a must. It helps your site appear in knowledge graphs, for brand searches,
    xenforo banner css

    ReplyDelete
  24. 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
  25. 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
  26. 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
  27. Excellent and very exciting site. Love to watch. Keep Rocking. gebze web tasarım

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

    ReplyDelete
  29. Emails are easily erased or forgotten and direct mailing gets lost in the shuffle of bills. Write down a short speech introducing you as a freelance web designer, asking whether the company you are calling works with freelancers regularly.Small business web design Toronto

    ReplyDelete
  30. I think this is an informative post and it is very useful and knowledgeable. therefore, I would like to thank you for the efforts you have made in writing this article.
    free pdf to excel converter

    ReplyDelete
  31. The blog you have shared is incredibly helpful. The tips you have shared related to web development is really informative. Thanks for sharing this blog!
    ecommerce web development

    ReplyDelete
  32. It’s really such nice information to get advantage from.
    Sex Toys

    ReplyDelete
  33. You have done a great job on this article. It’s very readable and highly intelligent. You have even managed to make it understandable and easy to read. You have some real writing talent. Thank you.  web design company london

    ReplyDelete
  34. So much useful content, and an enjoyable read too! To learn more on the subject, take a look at another useful article
    https://cgifurniture.com/photorealistic-product-rendering-services-online-shopping/

    ReplyDelete
  35. Web design is one of the most important things for promoting businesses online and should always be given special preference. Below are some reasons for why it is crucial in order to develop a world class website. Multilingual Link Building Services

    ReplyDelete
  36. I gotta favorite this website it seems very helpful  에볼루션카지노

    ReplyDelete
  37. i’m surprised, i must say. Rarely do i come across a weblog that’s equally educative and wonderful, and let me let you know, you have hit the nail on the pinnacle. The difficulty is something now not sufficient humans are speaking intelligently about. Now i’m very satisfied i stumbled throughout this in my hunt for something regarding this. Very first-class article and proper to the factor. I don’t understand if this is truly the pleasant area to ask but do you oldsters have any ideea wherein to rent a few expert writers? Thank you �� quite! This became a genuinely extraordinary article. Thanks for presenting those information. 파워사다리

    ReplyDelete
  38. outstanding article! I need humans to know just how accurate this facts is on your article. It’s interesting, compelling content. Your perspectives are much like my own regarding this problem. This post could be very informative on this subject matter. I experience strongly that love and read greater on this subject matter. I simply tripped upon your weblog and desired to mention that i've really enjoyed reading your weblog stations. Thank you for sharing. I used to be very pleased to locate this website. I desired to thank you in your time for this tremendous put up!! I truly revel in reading it and i have you ever bookmarked to test out new stuff you weblog publish. First-rate publish. I discover something very complex on diverse blogs normal. It's going to always be stimulating you just read content off their writers and practice a little there. I’d could as an alternative use a few the use of the content on my small blog regardless of whether you do no longer thoughts. Natually i’ll deliver you with a link in your web blog. Appreciate your sharing. a developing weblog on the way to make money on line. With the methods to make cash on-line, making a living on-line couldnt be a lot less difficult. Thank you, i’ve these days been searching out statistics about this problem for a while and yours is the satisfactory i have placed so far. Thanks for sharing with us, i assume this internet site definitely stands out 토토사이트

    ReplyDelete
  39. notable put up i should say and thank you for the statistics. Schooling is absolutely a sticky situation. But, is still most of the leading subjects of our time. I recognize your post and look forward to more. I just observed this weblog and feature excessive hopes for it to keep. Hold up the exquisite paintings, its tough to locate proper ones. I have added to my favorites. Thanks. Its a wonderful delight studying your publish. Its full of facts i am searching out and i love to submit a remark that "the content of your post is exquisite" notable paintings. Best publish! That is a completely best weblog that i'm able to definitively come again to more instances this year! Thank you for informative post. 안전지대

    ReplyDelete
  40. Simply desire to say your article is as astonishing. The clarity on your publish is simply spectacular and that i could suppose you’re a professional in this subject. Well with your permission let me to grasp your RSS feed to stay up to date with drawing close post. Thanks one million and please carry on the enjoyable work. Angel Number 846

    ReplyDelete
  41. You really should join in a contest for just one of the most useful blogs on-line. I’ll recommend this site! Display and Video 360 Certification

    ReplyDelete
  42. Thank you for another excellent article. Where else may anybody get that kind of info in such an ideal way of writing? I’ve a presentation subsequent week, and I’m on the look for such info. 15:15 MEANING

    ReplyDelete
  43. An intriguing discussion might be priced at comment. I think that you simply write much more about this topic, it might certainly be a taboo subject but typically folks are there are not enough to communicate in on such topics. An additional. Cheers Names That Mean Sun

    ReplyDelete
  44. Nice post. I understand some thing more challenging on diverse blogs everyday. It will always be stimulating to read content from other writers and use a little something from their website. I’d would prefer to apply certain together with the content in my small weblog whether you do not mind. Natually I’ll provide a link on your own web blog. Many thanks for sharing. The Best Way to Clean Laptop Speakers

    ReplyDelete
  45. It’s hard to find knowledgeable individuals within this topic, nevertheless, you sound like there’s more you are preaching about! Thanks 192.168.4.1

    ReplyDelete
  46. I keep listening to what is this great update lecture about receiving boundless online grant applications and so i are already shopping for the most beneficial site to obtain one. Could you advise me please, where could i receive some? Does Publix Sell Stamps?

    ReplyDelete
  47. Tremendous review! Would like had this analyzing. I’m hoping to find out a lot more of you. I know you may have beneficial details combined with prospect. I’m just seriously contented from this information and facts. allpackagetracking

    ReplyDelete
  48. Everything you need to know about News is over here. https://techargue.com/

    ReplyDelete
  49. When I initially commented I clicked the -Notify me when new feedback are added- checkbox and now every time a comment is added I get four emails with the identical comment. Is there any manner you possibly can remove me from that service? Thanks! techrivulet

    ReplyDelete
  50. I was just seeking this info for a while. After six hours of continuous Googleing, finally I got it in your site. I wonder what’s Google’s issue is! Thank you for the help! https://educationspike.com/

    ReplyDelete
  51. There is noticeably a bundle to learn about this. I assume you have made specific nice points in features also. https://educationwaves.com/

    ReplyDelete
  52. Image ads are usually only for Adsense regarding Articles internet pages without designed for Adsense intended for Serp’s internet pages. lifeeducationpoint

    ReplyDelete
  53. Great blog!! You should start many more. I love all the info provided. I will stay tuned aklinkseo

    ReplyDelete
  54. Thanks for this one of the best blogs i visit regularly. Keep it up. Sporties Play

    ReplyDelete
  55. I am also commenting to let you know what a wonderful experience our daughter enjoyed browsing your web site. She discovered lots of pieces, which included how it is like to possess a marvelous coaching style to get other individuals quite simply comprehend specified specialized topics. You undoubtedly did more than people’s expected results. Thank you for displaying those necessary, trustworthy, edifying and in addition unique thoughts on the topic to Julie. Sports Captains

    ReplyDelete
  56. The next time Someone said a weblog, I hope that it doesnt disappoint me as much as this. I mean, I know it was my substitute for read, but I personally thought youd have some thing intriguing to say. All I hear is actually a number of whining about something you could fix if you ever werent too busy in search of attention. General Awares

    ReplyDelete
  57. We still cannot quite believe that I can come to be any type of those staring at the important points entirely on your webblog. My loved ones i are sincerely thankful for use on your generosity plus for giving me possibility pursue our chosen profession path. Information information I became of the web-site. Unique Auto Mag

    ReplyDelete
  58. This internet site is my intake , very superb style and perfect content material . Tech Point Talks

    ReplyDelete
  59. Technological innovation has always been now there in making destin breast implants lives connected with men and women easier. In truth, thanks to technological know-how the planet involving thoughts has also been recently vanquished. Don’t make an effort to assume filthy right here people. Exactly what I’m speaking about is the like link that can take place via online dating sites along with chatting suites or even program for example ICQ, MSN or maybe MIRC. Mixyfix

    ReplyDelete
  60. Attractive element of content. I just stumbled upon your blog and in accession capital to say that I get in fact enjoyed account your weblog posts. Any way I’ll be subscribing in your feeds and even I success you get admission to consistently rapidly. General Solution X

    ReplyDelete
  61. I loved as much as you will receive carried out right here. The sketch is attractive, your authored subject matter stylish. nonetheless, you command get got an edginess over that you wish be delivering the following. unwell unquestionably come further formerly again as exactly the same nearly a lot often inside case you shield this increase. Go World Win

    ReplyDelete
  62. Thanx for a very interesting web site. Where else could I get that type of information written in such a perfect approach? I have a mission that I am just now working on, and I have been at the look out for such info. Magnificent Post

    ReplyDelete
  63. I like the valuable info you provide in your articles. I’ll bookmark your blog and check again here frequently. I am quite sure I’ll learn plenty of new stuff right here! Best of luck for the next! GeneralskUP

    ReplyDelete
  64. Hey there, do you have a Twitter site that we might adhere to? Thanks Techy Hills

    ReplyDelete
  65. Awesome blog! Is your theme custom made or did you download it from somewhere? A design like yours with a few simple tweeks would really make my blog shine. Please let me know where you got your design. Thanks a lot Tech Warrior X

    ReplyDelete
  66. definitely an interesting read. i usually dont comment. signed captain america PlayersOff

    ReplyDelete
  67. It’s onerous to seek out educated individuals on this topic, but you sound like you already know what you’re speaking about! Thanks Cyber Techyt

    ReplyDelete
  68. this article is very full of detail information, and it makes me easy to understand the meaning of your article. Plus Tech in

    ReplyDelete
  69. for yet another great informative article, I’m a loyal reader to this blog and I can’t tell you how much valuable information I’ve learned from reading your content. I really appreciate all the hard work you put into this great blog. 442 Angel Number

    ReplyDelete
  70. H = Having. A = Anger. T = Towards. E = Everyone. R = Reaching. S = Success send flowers to Athens Greece

    ReplyDelete
  71. Hi, your blog is full of comments and it is very active,    mini porquinho preço

    ReplyDelete
  72. This is actually the kind of information I have been trying to find. Thank you for writing this information. shrine board helicopter booking

    ReplyDelete
  73. i like it jobs because it is a high paying job and you work in an air conditioned office” Ac repair las vegas

    ReplyDelete
  74. Many thanks for making the effort to discuss this, I feel strongly about this and like learning a great deal more on this topic. If feasible, as you gain expertise, would you mind updating your webpage with a great deal more details? It’s really beneficial for me. deca durabolin online

    ReplyDelete
  75. Thank you for another great article. Where else could anyone get that kind of information in such a perfect way of writing? I have a presentation next week, and I am on the look for such information. pencil packing job

    ReplyDelete
  76. Last month, when i visited your blog i got an error on the mysql server of yours.:’.., Exec Reads

    ReplyDelete