我只是想在Atom文本编辑器中创建一个简单的HTML代码段,我正按照此tutorial的说明操作。
我基本上将以下代码段添加到我的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>
"""
以上代码段表示每次在文本编辑器中输入spithtml
时,我都希望显示HTML骨架。
以上代码段无法正常工作,实际上我在编辑器中收到错误消息:
C:\Users\myname\.atom\snippets.cson: unexpected :
哪个没有意义,因为我的jQuery的其他代码段工作得很好,就像这样:
".source.js":
"document ready":
"prefix": "$ready"
"body": """$(function(){
$1
});"""
并且具有完全相同的语法。那么我缺少什么,我如何在Atom中创建一个简单的HTML片段?令人惊讶的是,有很多关于如何使用原子包的文档,但没有关于如何创建简单的HTML片段的文档。
谢谢。
亚历-Z。
答案 0 :(得分: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>
"""
答案 1 :(得分:2)
对于html代码段,您必须使用.text.html而不是.source.html:
".text.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>
"""