sublime存模板_Sublime text3 创建html模板

最近接手了公司官网跟新的任务,需要编写HTML页面。页面中存在大量重复内容(导航条、页脚、侧边栏等),每次复制粘贴也不是个事,网上搜了相关的HTML模板创建问题,还找到了。楼主使用的是Sublime text3,相关创建HTML模板的方法如下:

1. 使用相关的包,如SublimeTmpl,安装步骤如下:

1.1 安装Package Control组件

1.2 按下Ctrl + Shift + P调出命令面板,选择Install Package选项并回车

1.3 输入要安装的插件,如SublimeTmpl

1.4 安装成功后,使用Ctrl + alt + h就可以新建一个html5文件了。

1.5 html5模板修改,点击Preferences → Browse Packages,在SublimeTmpl文件夹下,依次找templates→html.tmpl进行修改。

2. 自定义模板,步骤如下:

2.1 打开工具--插件开发--新建代码片段,会出现下图:

2.2 在内写下你要的代码片段,注意的是代码片段要靠最左边,并把下面tabTrigger标签的注释打开,中间的yhdt就是你的快捷键。

2.3 Ctrl+s保存,后缀必须是.sublime-snippet。例如yhdongtai.sublime-snippet

2.4 新建一个页面test.html,输入yhdt,然后按Tab键,就出现你设置的代码片段了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值