
git-time-machineĮver wish you were not-so-secretly Marty Mcfly and could go back in time? Well the git-time-machine package allows you to do just that. You can bring up the git-plus commands by typing cmd + shift + h or ctrl + shift + h. The Git-Plus package provides a bunch of shortcuts to commonly used git actions, without the need to switch to terminal. Just make sure your cursor is in the file you want to git-blame, otherwise this keyboard shortcut will collapse folders in the tree-view sidebar. To toggle the git-blame annotations you can use ctrl + b or right-click anywhere on your file, and select Toggle Git Blame. The git-blame package allows you to toggle git-blame annotations in the gutter of the Atom editor. Here are a few packages that help make Git easier to use with Atom. Version control is a must these days, especially when working with larger teams. View the atom-liquid-snippets package Git integration Simply start typing a command and hit enter, and the snippet will be inserted for you. The atom-liquid-snippets package adds support for Shopify Liquid snippets with a set of commands found in the documentation for the package. You might also like: 15 YouTube Channels Every Web Designer And Developer Should Subscribe To. Super simple to use, and unlike a few of the other auto close packages on Atom, this one is actually maintained and works. This autoclose-html-plus package automatically closes HTML tags for you once you’ve typed the first tag. Beautify-ing a whole file using atom-beautify. It will only beautify selected text if a selection is found, otherwise the beautify command ^ + ⌥ + b, or typing “Beautify” from the Command Palette will beautify the whole file. It has support for a variety of programming languages, including HTML, CSS, JavaScript, PHP, Python, Ruby, Java, C, C++, C#, Objective-C, CoffeeScript, and more.
#Atom plain text editor code
The atom-beautify package will clean up your code and make it more readable. 'tab': 'emmet:expand-abbreviation-with-tab' If after installing Emmet you find the tab completion doesn’t work as described in the documentation, go to Atom > Keymap, add the following code at the end of the file, save, and then restart Atom (this fix worked for me): 'atom-text-editor:not()':

One thing to note is that there are currently some issues with tab completion and the Emmet package in Atom. It uses abbreviations that expand to valid HTML tags.

Emmet helps to create HTML and CSS faster with the use of snippets. For example, type html in an HTML document, and press Tab, which expands the text to: Įmmet is the number one code snippet tool used by front end developers. It also includes dozens of snippets to create many of the various HTML tags. One of those packages is language-html, which provides support for HTML syntax highlighting and grammar. There are a bunch of snippets built into Atom’s core packages out-of-the-box-you can see them if you go to the Packages tab, and then view the Core Packages. The way snippets work is straightforward: begin typing a keyword that activates a snippet and then expand the text.
#Atom plain text editor for free
Join for free and access revenue share opportunities, tools to grow your business, and a passionate commerce community. Whether you offer marketing, customization, or web design and development services, the Shopify Partner Program will set you up for success. Grow your business with the Shopify Partner Program
