【Sublime Text3 】——代码片段

2019年10月2日 220次阅读 来源: 闹闹崽崽

什么是代码片段？

在一个html文件中输入

html5

然后按tab键，自动出现如下代码

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Document</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="" rel="stylesheet">
</head>
<body>
    
</body>
</html>

这是怎么回事呢？因为我已经新建了一个html5的代码片段。

怎么新建代码片段？

1、依次打开 工具——新代码段
2、可以看到这些内容

《【Sublime Text3 】——代码片段》

3、修改一下，修改为
《【Sublime Text3 】——代码片段》

本片段的代码如下

<snippet>
  <content><![CDATA[
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>${1:Document}</title>
${2:<meta name="description" content="$3">
<meta name="keywords" content="$4">
}<link href="$5" rel="stylesheet">
</head>
<body>
    $0
</body>
</html>
]]></content>
  <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
  <tabTrigger>html5</tabTrigger>
  <!-- Optional: Set a scope to limit where the snippet will trigger -->
  <scope>text.html</scope>
</snippet>

4、contrl+s保存，名称为html5.sublime-snippet

《【Sublime Text3 】——代码片段》

    原文作者：闹闹崽崽
    原文地址: https://segmentfault.com/a/1190000013352374
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞