怎么能在Sublime里输入常用片段，同时仅修改部分信息？

Question

比如输入类似的代码片段，仅仅修改几个变量名称。

Answer 1

使用Sublime的snippet

找到Sublime.snippet目录，创建文件 rep_2x.sublime-snippet

然后输入

<snippet>
    <content><![CDATA[
<img 
  src="imgs/${1:workDetailPage}/${2:image-name}.png"
  srcSet="imgs/${1:workDetailPage}/${2:image-name}@2X.png 2x" />
]]></content>
    <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
    <tabTrigger>rp2x</tabTrigger>
    <!-- Optional: Set a scope to limit where the snippet will trigger -->
    <description>replace img with @2X support</description>
</snippet>

以上代码保存后，在sublime任何文件，输入rp2x就能插入代码片段。按tab可以在两个地方进行替换。这是个快速输入支持srcset标记的img的代码片段。

详细说明

• ${1:workDetailPage} 是可以替换的内容，workDetailPage是提示文字

• <tabTrigger> 是激活快捷键

• <description> 是描述信息

参考

• 官方文档