{"id":10405,"date":"2016-09-29T14:01:57","date_gmt":"2016-09-29T18:01:57","guid":{"rendered":"http:\/\/www.analystik.ca\/blogue\/?p=10405"},"modified":"2017-05-25T16:38:34","modified_gmt":"2017-05-25T20:38:34","slug":"8-atom-plugins-you-should-have","status":"publish","type":"post","link":"https:\/\/analystik.ca\/blogue\/language\/en\/8-atom-plugins-you-should-have\/","title":{"rendered":"8 Atom plugins you should have"},"content":{"rendered":"<p>To Start, usually I used Coda but for 3 or 4 months I have left it over. It&rsquo;s not so fast and it doesn&rsquo;t adapt to new html or other standards. I&rsquo;d like to have something fast, stable but with sacrificing features. Atom which is created by GitHub looks like interesting. With all the community plugins , it&rsquo;s not the case anymore; I LOVE IT!<\/p>\n<p><!--more--><\/p>\n<p>When I do web development, I like to have some special features to help me up. Usually, programs are so complex that I&rsquo;m lost or too small to be powerful. For me, development should be fun. So, that&rsquo;s why I love Atom. You can add every plugin you like to boost it up. Isn&rsquo;t that great?<\/p>\n<p>There are a lot of plugins and I felt a bit lost, but without them Atom is nothing.<\/p>\n<p>There are my 8 favorites:<\/p>\n<h3><strong>1.PIGMENTS\u00a0<\/strong><\/h3>\n<h3><strong><a href=\"http:\/\/www.analystik.ca\/blogue\/wp-content\/uploads\/2016\/09\/pigment.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft wp-image-10398\" src=\"http:\/\/www.analystik.ca\/blogue\/wp-content\/uploads\/2016\/09\/pigment.png\" alt=\"Pigments plugin\" width=\"137\" height=\"212\" srcset=\"https:\/\/analystik.ca\/blogue\/wp-content\/uploads\/2016\/09\/pigment.png 496w, https:\/\/analystik.ca\/blogue\/wp-content\/uploads\/2016\/09\/pigment-194x300.png 194w\" sizes=\"(max-width: 137px) 100vw, 137px\" \/><\/a><\/strong>First, let&rsquo;s start with Pigments. This plugin displays the colors you use in your stylesheets. Atom, does not have problems to run across a lot imported files ( like in saas\/scss\/less). With that feature, Pigments also show us the color when we use variable.<\/h3>\n<h3><strong>2. LESS THAN SLASH<\/strong><\/h3>\n<p>When I write code I want to be fast. But Atom doesn&rsquo;t automatically close html tag. Less than slash fixes that problem. When you want to close a tag you can just write &lt;\/ and the last opened tag is automatically closed.<\/p>\n<h3><strong>3. GIT-PLUS<\/strong><\/h3>\n<p>Probably one of the most used plugin. This plugin allows to do all Git command without leaving the editor. Furthermore, it detects difference between the local and the master commit. On the left there are\u00a0<span style=\"color: #ffcc00;\">\u2022<\/span>\u00a0for changes, some\u00a0<span style=\"color: #339966;\">+<\/span>\u00a0for added and\u00a0<span style=\"color: #ff0000;\">&#8211;<\/span>\u00a0for deleted . At the bottom right, there is also the number of changes. Finally, when we do a commit, a panel open up, you write a message, save it and it&rsquo;s all done.<\/p>\n<h3><strong>4. PLATFORMIO-IDE-TERMINAL<\/strong><\/h3>\n<p>Because I use Gulp and Npm I need a powerful terminal. I know the name is kind of weird but it&rsquo;s my most used plugin. A termian is added in the bottom left of the screen, press on it and a terminal slide up. Also, it&rsquo;s already into your project folder. For Gulp, NPM, Bower, Git,\u00a0everything works and it&rsquo;s a lot faster than using the os terminal.<\/p>\n<h3><strong>5. PROJECT-MANAGER<\/strong><\/h3>\n<p>If you have a lot of different projects, you don\u2019t have to browse and add them every time you open the software in your tree (left panel). In addition, with Project-manager,\u00a0you give a name to a project and it link to their files.<\/p>\n<h3><strong>6. OPEN RECENT<\/strong><\/h3>\n<p>Seems weirds but there is no \u00ab\u00a0open recent\u00a0\u00bb in Atom, this plugin fixes that case.<\/p>\n<h3><strong>7. REMOTE FTP<\/strong><\/h3>\n<p>You can upload your file on a ftp server without opening another software. It creates in your folder a .ftpconfig file. \u00a0Enter all your credentials and connect. Be aware that you must delete it from the server because it is uploaded with all the other files and the written information is in plain text.<\/p>\n<h3><strong>8. HIGHLIGHT SELECTED<\/strong><\/h3>\n<p>The last but not the least, Hightlight Selected highlights the selected word (dah!) in all the instances of that word in your current file. It\u2019s useful for \u00a0SEO, variables &#8230;<\/p>\n<p>For the rest, I use linter and syntax highlighter&#8230;<\/p>\n<p>So, Do you use plugin I don&rsquo;t know ? Did you discover some new?<\/p>\n<!-- AddThis Advanced Settings generic via filter on the_content --><!-- AddThis Share Buttons generic via filter on the_content -->","protected":false},"excerpt":{"rendered":"<p>To Start, usually I used Coda but for 3 or 4 months I have left it over. It&rsquo;s not so fast and it doesn&rsquo;t adapt to new html or other standards. I&rsquo;d like to have something fast, stable but with sacrificing features. Atom which is created by GitHub looks like interesting. With all the community&#8230;  <a class=\"excerpt-read-more\" href=\"https:\/\/analystik.ca\/blogue\/language\/en\/8-atom-plugins-you-should-have\/\" title=\"Read 8 Atom plugins you should have\">Read more &raquo;<\/a><!-- AddThis Advanced Settings generic via filter on wp_trim_excerpt --><!-- AddThis Share Buttons generic via filter on wp_trim_excerpt --><\/p>\n","protected":false},"author":3,"featured_media":11616,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"","_seopress_titles_title":"8 Atom plugins you should have to push up you app development","_seopress_titles_desc":"The greatest feature of Atom is the hability to install the community plugins to make it even more powerful. For every type of development it's awesome!","_seopress_robots_index":"","content-type":"","footnotes":""},"categories":[3415,3425,3417,3413],"tags":[1115,3227,1001,3229,2871],"better_featured_image":{"id":11616,"alt_text":"","caption":"","description":"","media_type":"image","media_details":{"width":2880,"height":1620,"file":"2016\/09\/atom.jpg","sizes":{"thumbnail":{"file":"atom-150x150.jpg","width":150,"height":150,"mime-type":"image\/jpeg","source_url":"https:\/\/analystik.ca\/blogue\/wp-content\/uploads\/2016\/09\/atom-150x150.jpg"},"medium":{"file":"atom-300x169.jpg","width":300,"height":169,"mime-type":"image\/jpeg","source_url":"https:\/\/analystik.ca\/blogue\/wp-content\/uploads\/2016\/09\/atom-300x169.jpg"},"medium_large":{"file":"atom-768x432.jpg","width":768,"height":432,"mime-type":"image\/jpeg","source_url":"https:\/\/analystik.ca\/blogue\/wp-content\/uploads\/2016\/09\/atom-768x432.jpg"},"large":{"file":"atom-1024x576.jpg","width":1024,"height":576,"mime-type":"image\/jpeg","source_url":"https:\/\/analystik.ca\/blogue\/wp-content\/uploads\/2016\/09\/atom-1024x576.jpg"},"bones-thumb-2880":{"file":"atom-2880x1620.jpg","width":2880,"height":1620,"mime-type":"image\/jpeg","source_url":"https:\/\/analystik.ca\/blogue\/wp-content\/uploads\/2016\/09\/atom-2880x1620.jpg"},"bones-thumb-1920":{"file":"atom-1920x1271.jpg","width":1920,"height":1271,"mime-type":"image\/jpeg","source_url":"https:\/\/analystik.ca\/blogue\/wp-content\/uploads\/2016\/09\/atom-1920x1271.jpg"},"bones-thumb-1536":{"file":"atom-1536x1016.jpg","width":1536,"height":1016,"mime-type":"image\/jpeg","source_url":"https:\/\/analystik.ca\/blogue\/wp-content\/uploads\/2016\/09\/atom-1536x1016.jpg"},"bones-thumb-960":{"file":"atom-960x635.jpg","width":960,"height":635,"mime-type":"image\/jpeg","source_url":"https:\/\/analystik.ca\/blogue\/wp-content\/uploads\/2016\/09\/atom-960x635.jpg"},"bones-thumb-600":{"file":"atom-600x397.jpg","width":600,"height":397,"mime-type":"image\/jpeg","source_url":"https:\/\/analystik.ca\/blogue\/wp-content\/uploads\/2016\/09\/atom-600x397.jpg"},"bones-thumb-300":{"file":"atom-300x199.jpg","width":300,"height":199,"mime-type":"image\/jpeg","source_url":"https:\/\/analystik.ca\/blogue\/wp-content\/uploads\/2016\/09\/atom-300x199.jpg"},"post-thumbnail":{"file":"atom-125x125.jpg","width":125,"height":125,"mime-type":"image\/jpeg","source_url":"https:\/\/analystik.ca\/blogue\/wp-content\/uploads\/2016\/09\/atom-125x125.jpg"}},"image_meta":{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0","keywords":[]}},"post":10405,"source_url":"https:\/\/analystik.ca\/blogue\/wp-content\/uploads\/2016\/09\/atom.jpg"},"_links":{"self":[{"href":"https:\/\/analystik.ca\/blogue\/wp-json\/wp\/v2\/posts\/10405"}],"collection":[{"href":"https:\/\/analystik.ca\/blogue\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/analystik.ca\/blogue\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/analystik.ca\/blogue\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/analystik.ca\/blogue\/wp-json\/wp\/v2\/comments?post=10405"}],"version-history":[{"count":8,"href":"https:\/\/analystik.ca\/blogue\/wp-json\/wp\/v2\/posts\/10405\/revisions"}],"predecessor-version":[{"id":10880,"href":"https:\/\/analystik.ca\/blogue\/wp-json\/wp\/v2\/posts\/10405\/revisions\/10880"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/analystik.ca\/blogue\/wp-json\/wp\/v2\/media\/11616"}],"wp:attachment":[{"href":"https:\/\/analystik.ca\/blogue\/wp-json\/wp\/v2\/media?parent=10405"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/analystik.ca\/blogue\/wp-json\/wp\/v2\/categories?post=10405"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/analystik.ca\/blogue\/wp-json\/wp\/v2\/tags?post=10405"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}