Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML

Posted by Max Bergman
Max Bergman
1,004 Points

How do I create a snippet on atom?

This is what I have entered in the snippet page and I still can not create! Is it a setting or something? I have tried every youtube video and such, is it a setting I changed?

'text.html.basic': 'HTML5': 'prefix': 'html' 'body': """ <!DOCTYPE html> <html> <head> <title></title> </head> <body>

</body> </html> """

James Ackerman
James Ackerman
14,099 Points

Not quite sure I understand your question. Are you trying to create a basic HTML structure?

If so there's a Package you can download called "Emmet." This allows the user to create the following structure by simply typing '!' then 'TAB' among many other useful workflow enhancing features...

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body>

</body>
</html>

I've not messed with snippets, but Emmet will allow you increased functionality in Atom without having to mess with snippets.

Here are a couple of great videos on Atom specifically talking about Packages and Emmet. 10 Essential Atom Editor Packages & Setup Emmet For Faster HTML & CSS Workflow

Max Bergman
Max Bergman
1,004 Points

after 3 hours, the coding was all correct. FIX- MAKE SURE YOUR CODING LANGUAGE IS HTML AT THE BOTTOM RIGHT!

Matt Brock
Matt Brock
28,330 Points

Nice!

1 Answer

Matt Brock
Matt Brock
28,330 Points
Matt Brock
Matt Brock
28,330 Points

Have you checked the Docs? http://flight-manual.atom.io/using-atom/sections/snippets/.