Atom Add Html Snippet Step By Step Easy Guide for Beginners

Creating Custom Snippet

6. Open the Snippets Cson File
   Edit >> Snippets:

   
   And Start Editing your New Snippet there:
   

7. Finally, Try to Make a Custom Atom Snippet
   Just Appending the Snippet Content…
   Here a Test Text/Html Snippet’s Content:

   '.text.html.basic':
   'Hello World':
   'prefix': 'hi'
   'body': 'Hello World!'
   

   A Comma at the Beginning of the Scope declaration it’s Needed.
   The General Form is like:

   '.[SCOPE]':
   '[NAME]':
   'prefix': '[SHORTCUT]'
   'body': '[SNIPCONTENT]'
   

8. Now to Test the New Snippet
   First, make a File with Right Language’s Extension, so in our example .html
   And to Run the Snip, first Type it, here ‘hi’; and then Hit ‘Tab‘ Key.