Sublime Text3自定义代码片段

2018-09-07  本文已影响7人  duans_
  1. 打开"工具"->"新代码片段"

如下所示:<content></content>为自定义代码片段,<tabTrigger><tabTrigger>为快捷键

<snippet>
    <content><![CDATA[
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        *{
            margin:0;
            padding:0;
        }
        .container{
            width:600px;
            height:400px;
            margin:0 auto;
            background:#CCC;
        }
    </style>
</head>

<body>
    <div class="container">

    </div>
    <script>
        
    </script>
</body>

</html>
]]></content>
    <tabTrigger>html:my</tabTrigger>
</snippet>

  1. Ctrl+s保存。名字随便起,但是后缀名必须是.sublime-snippet
  2. 新建一个页面index.html,在index中输入一个html:my,然后按Tab键,就出现你设置的代码片段了。
上一篇下一篇

猜你喜欢

热点阅读