freeCodeCamp/guide/chinese/developer-tools/source-code-editors/adding-snippets-to-your-sub.../index.md

1.6 KiB
Raw Blame History

title localeTitle
Adding Snippets to Your Sublime Text Installation 将片段添加到您的Sublime文本安装

如果你是一个崇高文本的用户(我希望你是,它踢屁股。你可以在这里得到它那么你可能已经注意到了一些标签完成功能。例如当您打开html标记例如<p> ,它会在您键入/时自动关闭标记。您可以为最终重写的代码片段获得类似的功能,这非常简单!

这是一个示例,在键入div然后选项卡后激活:

替代文字

步骤1。

单击导航栏中的“ Tools > New Snippet... ”。这将打开一个片段骨架文件,如下所示:

替代文字

第2步。

您将通过替换文本Hello, ${1:this} is a ${2:snippet}.来添加代码段Hello, ${1:this} is a ${2:snippet}.

对于div代码段,它就像在代码段区域中放置以下文本一样简单:

<!-- $1 --> 
 <div class= "$1"> 
 
 </div> 
 <!-- $1 --> 

$运算符引用一旦键入div然后选项卡将输入的变量。事实上,你可以拥有任意数量的!

第3步。

保存文件。你可以给它任何你想要的文件名,但扩展名必须.sublime-snippet 。请记住,每个文件只能有一个代码段!我喜欢给他们描述性名称,例如html-div.sublime-snippet

你有它!您可以随心所欲地获得创意。