分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 软件开发

Sublime text3 创建html模板

发布时间:2023-09-06 02:07责任编辑:胡小海关键词:暂无标签

        最近接手了公司官网跟新的任务,需要编写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 在<![CDATA[和]]>内写下你要的代码片段,注意的是代码片段要靠最左边,并把下面tabTrigger标签的注释打开,中间的yhdt就是你的快捷键。

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

 

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

Sublime text3 创建html模板

原文地址:https://www.cnblogs.com/yahengwang/p/9403560.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved