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

胡松涛
  • 85

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

回复
阅读 2.9k
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> 是描述信息

参考

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏