如何使用多个ATOM代码段

时间:2016-03-23 11:48:19

标签: json atom-editor

我在Atom中使用多个代码段时遇到问题。我必须缺少一些语法,因为只有最后一个片段有效。 (新的HTML页面)如果我交换顺序,这意味着BootstrapBlock工作,但从来没有?欢迎任何想法。

#BOOTSTRAP BLOCK
".text.html":
  "BootstrapBlock":
    "prefix": "BootstrapBlock"
      "body": '''
    <div class="container">
        <div class="row">

            <div class="col-xs-12">

            </div><!-- end col -->

        </div><!-- end row -->
    </div><!-- end container -->
'''

#NEW HTML DOCUMENT
".text.html":
  "start":
   "prefix": "start"
    "body": '''
    <!DOCTYPE html>
    <html lang="en">
      <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, maximum-scale = 1.0">

        <link rel="shortcut icon" type="image/ico" href="/img/assets-images/favicon.ico">

        <title></title>

        <!-- FRAMEWORK -->
        <link href="_includes/css/bootstrap.min.css" rel="stylesheet">
        <link href="_includes/css/master.css" rel="stylesheet">

        <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
          <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
        <![endif]-->

      </head>

      <body>

        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
        <script src="_includes/scripts/bootstrap.min.js"></script>

      </body>
    </html>
'''

1 个答案:

答案 0 :(得分:1)

只有最后一个代码段工作的原因是因为您覆盖了密钥".text.html"。两个片段都应该是第一个密钥的子代,即删除第二个".text.html"密钥。