首页 » PHP教程 » sublimephpsnippet技巧_若安在Sublime Text中添加代码片段

sublimephpsnippet技巧_若安在Sublime Text中添加代码片段

访客 2024-12-08 0

扫一扫用手机浏览

文章目录 [+]

我们在编写代码的时候,总会碰着一些须要反复利用的代码片段。
这时候就须要反复的复制和黏贴,大大影响效率。
我们利用Sublime Text的snippet(代码片段)功能,就能很好的办理这一问题。

普通的讲,便是把我们常用的代码分别保存起啦,然后通过插件的形式来反复调用。

sublimephpsnippet技巧_若安在Sublime Text中添加代码片段

创建方法:Tools (工具)> New Snippet(新片段)

sublimephpsnippet技巧_若安在Sublime Text中添加代码片段
(图片来自网络侵删)

此时,会涌现如下代码:

<snippet>

<content><![CDATA[

Hello, ${1:this} is a ${2:snippet}.

]]></content>

<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->

<!-- <tabTrigger>hello</tabTrigger> -->

<!-- Optional: Set a scope to limit where the snippet will trigger -->

<!-- <scope>source.python</scope> -->

<!-- <description>description</description> -->

</snippet>

个中,content中由CDATA包裹起来的部分是我们要插入的代码片段,可选。

tabTrigger是我们tab键触发的自动补全代码功能的一个名字,可选。

scope,可选,利用范围,不填写代表对所有文件有效。
附:source.css和test.html分别对应不同文件。

description,可选,在snippet菜单中的显示解释(支持中文)。
如果不定义,菜单则显示当前文件的文件名。

${1:this}表示代码插入后,光标所勾留的位置,可同时插入多个。
个中:this为自定义参数(可选)。

${2}表示代码插入后,按Tab键,光标会根据顺序跳转到相应位置(以此类推)。

现在,你该当有了个大致的理解。
那我们就开始自己动手编写一个实例。
我们都知道,再Sublime中,输入!
或者html:5再按tab键,可以自动补全HTML构造,但是这个结果相对很大略,我自己扩展了它的结果内容,新增了几个mate标签,增加了页面描述。

<snippet>

<content><![CDATA[

<!DOCTYPE html>

<html>

<head>

<meta charset=\公众UTF-8\"大众>

<title>Document</title>

<meta name=\公众Generator\"大众 content=\公众Sublime Text3\"大众>

<meta name=\"大众Author\"大众 content=\"大众dunizb\"大众>

<meta name=\"大众website\"大众 content=\"大众http://www.mybry.com\"大众>

<meta name=\"大众Description\"大众 content=\"大众读你,这世间唯有梦想和好姑娘不可辜负~~\公众>

<link type=\公众image/x-icon\公众 rel=\公众shortcut icon\"大众 href=\"大众image/favicon.ico\"大众 />

<script type=\"大众text/javascript\"大众>

${1:}

</script>

<body>

${2:这是html内容}

</body>

</html>

]]></content>

<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->

<tabTrigger>hjs</tabTrigger>

<!-- Optional: Set a scope to limit where the snippet will trigger -->

<!-- <scope>source.python</scope> -->

<description>custom-html</description>

</snippet>

然后保存代码片段,保存到Sublime Text3DataPackagesUser下面,取个名字

就这样,在HTML页面中输入hjs+tab,就可以自动补全这一系列代码了。

以上便是如何在Sublime Text中添加代码片段的详细内容,更多请关注其它干系文章!

更多技巧请《转发 + 关注》哦!

标签:

相关文章

执业药师试卷代码解码药师职业发展之路

执业药师在药品质量管理、用药安全等方面发挥着越来越重要的作用。而执业药师考试,作为进入药师行业的重要门槛,其试卷代码更是成为了药师...

PHP教程 2025-02-18 阅读0 评论0

心灵代码主题曲唤醒灵魂深处的共鸣

音乐,作为一种独特的艺术形式,自古以来就承载着人类情感的表达与传递。心灵代码主题曲,以其独特的旋律和歌词,唤醒了无数人的灵魂深处,...

PHP教程 2025-02-18 阅读0 评论0

探寻福建各市车牌代码背后的文化内涵

福建省,地处我国东南沿海,拥有悠久的历史和丰富的文化底蕴。在这片充满魅力的土地上,诞生了许多具有代表性的城市,每个城市都有自己独特...

PHP教程 2025-02-18 阅读0 评论0

探寻河北唐山历史与现代交融的城市之光

河北省唐山市,一座地处渤海之滨,拥有悠久历史和独特文化的城市。这里既是古丝绸之路的起点,也是中国近代工业的发源地。如今,唐山正以崭...

PHP教程 2025-02-18 阅读0 评论0