Advanced HTML snippet not working


#1

Hi. So I’m editing snippets.cson and I’m trying to make a big HTML template for myself, you know, !doctype, <html>, the goods.

Here is my snippet code:
# Your snippets

Atom snippets allow you to enter a simple prefix in the editor and hit tab to

expand the prefix into a larger code block with templated values.

You can create a new snippet in this file by typing “snip” and then hitting

tab.

An example CoffeeScript snippet to expand log to console.log:

‘.source.coffee’:

‘Console log’:

‘prefix’: ‘log’

‘body’: ‘console.log $1’

Each scope (e.g. ‘.source.coffee’ above) can only be declared once.

This file uses CoffeeScript Object Notation (CSON).

If you are unfamiliar with CSON, you can read more about it in the

Atom Flight Manual:

http://flight-manual.atom.io/using-atom/sections/basic-customization/#_cson

‘.string.html’:
‘MAKE PAGE’:
‘prefix’: ‘makepage’
‘body’: ‘’’




















      <div class="collapse navbar-collapse" id="navbarTogglerDemo02">
           Removed the nav contents, to save some time.
      </div>
    </div>
  </nav>
	<br>
	<br>
	<section class="hero is-medium is-primary is-bold mx-0">
		<div class="hero-body mx-0">
			<div class="container">
				<h1 class="display-3 cushycms">Page Name</h1>
				<br>
			</div>
		</div>
	</section>
	<nav aria-label="breadcrumb">
		<div class="container">
			<ol class="breadcrumb">
				<li class="breadcrumb-item">
					<a href="/index.php">Home</a>
				</li>
				<li class="breadcrumb-item active">Page Name</li>
			</ol>
		</div>
	</nav>





	<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js">
	</script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js">
	</script>
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js">
	</script>
	<script src="https://unpkg.com/scrollreveal/dist/scrollreveal.min.js">
	</script>
</body>
</html>
'''

And it doesn’t work! I type in makepage and nothing happens.
Here are my packages that may conflict
emmet
emmet-snippets-compatibility
todo

Would appreciate help.


#2

Woops. Markdown took some of my formatting for the top part away. Sorry for that!


#3

You need to make sure that all of it is formatted properly or nobody can make sure that it’s written correctly.

You can use the Keybinding Resolver (ctrl-.) to see which command is actually being triggered when you press tab.