html - 如何在Sublime text 2中快速添加自定义标签?

对不起,新手问题。我在同一个类中多次使用同一个标签,例如:

<p class = "paragraph_1"></p>

我只是想知道如何在Sublime Text 2中快速添加相同的标签?我知道可以通过仅键入默认标签的一部分并单击Tab来快速添加默认标签。对于我自己定制的那些标签,是否有任何类似的便捷方法?

非常感谢你!

最佳答案

Sublime Text HTML软件包将片段插入到完成系统中。如果您还想拥有标签,则可以为每个标签编写一个代码段。

要创建代码段:


打开您的用户目录


点击Preferences
然后在Browse Packages...
打开目录User

创建文件snippet_name.sublime-snippet
将其粘贴到您的代码段中,然后根据需要更改内容:


<snippet>
  <!-- Example: Hello, ${1:this} is a ${2:snippet}. -->
  <content><![CDATA[
<p class="paragraph_1">$0</p>
]]></content>
  <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
  <tabTrigger>par1</tabTrigger>
  <description>Tag</description>
  <!-- Optional: Set a scope to limit where the snippet will trigger -->
  <scope>text.html.basic</scope>
</snippet>


但是,使用SnippetMaker可以轻松缩短过程。只需选择内容,按ctrl+shift+p并输入SnippetMaker: Make Snippet

附加说明:


您可以通过删除文件来删除代码段。
$0的位置标记了代码段末尾的光标位置。

本文翻译自 https://stackoverflow.com/questions/35785444/

网站遵循 CC BY-SA 4.0 协议,转载或引用请注明出处。

标签 html css tags sublimetext2


相关文章:

html - HTML / PHP代码将数字加起来

php - 如何使用弄乱了我的页面的外部CSS样式表?

html - DevTools检测正在工作的CSS /隐藏无效的CSS [重复]

html - 即11中断html5 / bootstrap中的flex

html - 尝试在CSS3中重新创建WebOS样式导航

css - CSS3淡出效果悬停

css - CSS:nth-​​child(n + 1)不适用于“显示”吗?

javascript - 如何将输入标签中的两个数字相加? [重复]

ios - 如何实施标签

python - Python-beautifulsoup,应用于文件夹中的每个文本文件并生成新的文本文件