sublime3 快速创建html模板

1 安装 Package Control
1.1 ctrl + ` 呼出控制台
1.2 复制(不要带最外层的双引号,该代码仅适用于sublime text 3)“
import urllib.request,os; pf = ‘Package Control.sublime-package‘; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), ‘wb‘).write(urllib.request.urlopen( ‘Package Control‘ + pf.replace(‘ ‘,‘%20‘)).read())

1.3 粘贴到控制台
1.4 回车

2 利用Package Control安装Sublime Tmpl
2.1 ctrl + shift + p 呼出Package Control界面
2.2 输入install
2.3 回车
2.4 输入SublimeTmpl
2.5 回车

3 使用Sublime Tmpl快捷键快速创建html5

3.1 ctrl + alt + h 新建一个html5文件

4.自定义模板

4.1 打开工具(Tools)--插件开发(Developer)--新建代码片段(New Snippet)

会出现下图:

4.2 在<![CDATA[和]]>内写下你要的代码片段,注意的是代码片段要靠最左边。

4.3 设置快捷键,把下面tabTrigger标签的注释打开,中间的h就是你的快捷键。

4.4 Ctrl+s保存。名字随便起,但是后缀名必须是.sublime-snippet

4.5 新建一个页面index.html,在index中输入一个h,然后按Tab键,就出现你设置的代码片段了。

原文地址:https://www.cnblogs.com/liutoliu/p/9820953.html

时间: 2024-10-16 06:53:59

sublime3 快速创建html模板的相关文章

windows azure虚拟机创建——快速创建,库模板创建

在 Windows Azure 上创建新虚拟机是一件非常轻松的事情.只需使用浏览器访问 Windows Azure 管理门户,选择左侧的"虚拟机"选项卡,然后单击底部命令栏中的"新 建"按钮. 这里我们有两种方式可以选择:快速创建创建虚拟机或者从库中选择模板来创建虚拟机,这篇博文将对两种方式都进行下介绍 首先,我们选择"快速创建",输入相应的信息并选择系统映像和CPU及内存规格,这里需要注意的是密码一定要符合复杂性要求:8个字符.数字.大小写字母

如何快速使用MindManager快速创建思维导图模板

绘制一幅完整的思维导图第一步就是要开始新建一个导图,MindManager提供了多种方式帮助用户新建导图,包括新建空白导图.使用模板创建导图以及从外面导入文件等等,本文将简要介绍五种方式教您如何新建MindManager思维导图. 选项一 创建空白思维导图 通过以下4种方式可以快速创建一个空白的MindManager思维导图模板,导图的中心主题为Central Topic,单击模块即可添加主题信息,然后点击Enter键即可创建其他主题. · 双击底部工作簿标签栏附近空白区域 · 通过快速访问工具

微信公众号可快速创建“门店小程序” 不用开发

“门店小程序”是啥?“门店小程序”是小程序的一项新能力.无需开发,商户就可在微信公众号后台快速创建“门店小程序”.这个小程序类似一张“店铺名片”,可以展示线下门店名称.简介.营业时间.联系方式.地理位置和图片等门店信息,并支持在公众号自定义菜单.图文消息和模板消息等场景中使用. 它长这样: (左侧为“门店小程序”示意图,将来商户可根据需要为门店小程序快速配置卡券.支付功能) “门店小程序”和你们平时用到的小程序不同点在于: 页面标准化——便于用户识别:指向性明确——是一个“门店”:创建简单——公

快速创建一个express工程框架

分四步: 1.全局安装express npm install -g express 2.全局安装express-generator npm install -g express-generator (此时可以测试一下,输入express - -help) 3.进入到·工程父目录 cd [工程父目录名] 4.快速创建工程结构 express -t [模板引擎名:ejs/jade] [工程名] 版权声明:本文为博主原创文章,未经博主允许不得转载.

django环境下快速创建一个网页

学习目标:10分钟快速创建一个查询用户列表的页面第一步,在settings.p里面的INSTALLED_APPS添加创建的app名字,这里用helloINSTALLED_APPS = [ 'django.contrib.admin', 'django.contrib.auth', 'django.contrib.contenttypes', 'django.contrib.sessions', 'django.contrib.messages', 'django.contrib.staticfi

Dockerfile创建镜像模板详解

Dockerfile是一个文本格式的配置文件,用户可以使用Dockfile快速创建自定义的镜像.Dockerfile是由一行行的命令语句组成,并且支持以#开头的注释行.vi Dockerfile#一般而言,Dockerfile分为四部分:基础镜像信息.维护者信息.镜像操作指令和容器启动是执行的指令.模板如下: #This dockerfile uses the ubuntu image#指定基于的基础镜像,可以使用多个FROM指令,每个镜像一次#FROM <image>或FROM <im

2springboot:快速创建springboot项目

使用IDEA快速创建springboot项目流程: 创建新的项目选择 项目的命名以及包名 需要什么包就导入什么包 进行测试的单元 <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-test</artifactId> <scope>test</scope> </dependency> 此

使用向导快速创建spring boot应用

Spring Boot快速创建项目 IDE都支持使用spring的项目创建向导快速创建一个Spring Boot项目: 选择我们需要的模块:向导会联网创建我们需要的spring boot项目: 默认生成的Spring Boot项目: --主程序已经生成好了,我们只需要编写自己的逻辑代码 --resource文件夹 --static :静态资源文件 --template:保存我们的模板文件    --application.properties:Spring Boot应用的配置文件,可以修改默认值

利用 Spring Initializr 快速创建SpringBoot应用

利用 Spring Initializr 快速创建SpringBoot应用 Spring Initializr是Spring 官方的引用构建工具,Idea Ultimate版本默认对其支持 本节咱们学习Spring Boot应用的快速创建 学习视频: http://www.itlaoqi.com/chapter/1683.html 源码地址: QQ群 814077650 , 群共享中自助下载 老齐的官网: itlaoqi.com (更多干货就在其中) 操作流程 Create new projec