简单的HTML原子片段不起作用

Ale*_*nik 0 jquery html5 atom-editor

我只是想在Atom文本编辑器中创建一个简单的HTML片段,我按照本教程中的说明操作.

我基本上将以下代码段添加到我的snippets.cson文件中:

".source.html":
     "HTML snippet":
        "prefix": "spithtml"
           "body": """<!doctype html>
            <html>
                <head>
                    <meta charset="utf-8">
                    <meta name="description" content="">
                    <meta name="viewport" content="width=device-width, initial-scale=1">
                    <meta http-equiv="X-UA-Compatible" content="IE=edge">
                    <title>Title here</title>
                    <link rel="author" href="humans.txt">
                </head>

                <body>

                </body>

                    <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>

                </body>
            </html>
            """
Run Code Online (Sandbox Code Playgroud)

上面的代码段意味着每次我spithtml在文本编辑器中输入时,我都希望HTML骨架出现.

上面的代码段不起作用,事实上我在编辑器中收到错误说:

C:\Users\myname\.atom\snippets.cson: unexpected :
Run Code Online (Sandbox Code Playgroud)

这没有意义,因为我的jQuery的其他片段工作得很好,就像这样:

".source.js":
  "document ready":
     "prefix": "$ready"
     "body": """$(function(){
            $1
      });"""
Run Code Online (Sandbox Code Playgroud)

并且具有完全相同的语法.那么我缺少什么,我如何在Atom中创建一个简单的HTML片段?令人惊讶的是,有很多关于如何使用原子包的文档,但没有关于如何创建简单的HTML片段的文档.

谢谢.

亚历克斯-Z.

Ste*_*fan 5

你的body属性缩进到它应该用这样的前缀内联:

".source.html":
     "HTML snippet":
        "prefix": "spithtml"
        "body": """<!doctype html>
            <html>
                <head>
                    <meta charset="utf-8">
                    <meta name="description" content="">
                    <meta name="viewport" content="width=device-width, initial-scale=1">
                    <meta http-equiv="X-UA-Compatible" content="IE=edge">
                    <title>Title here</title>
                    <link rel="author" href="humans.txt">
                </head>

                <body>

                </body>

                    <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>

                </body>
            </html>
            """
Run Code Online (Sandbox Code Playgroud)