欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

sublime3 快速创建html模板

程序员文章站 2022-04-18 11:51:37
1 安装 Package Control1.1 ctrl + ` 呼出控制台1.2 复制(不要带最外层的双引号,该代码仅适用于sublime text 3)“import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = ......

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)

sublime3 快速创建html模板

会出现下图:

sublime3 快速创建html模板

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

sublime3 快速创建html模板

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

sublime3 快速创建html模板

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

 sublime3 快速创建html模板

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

sublime3 快速创建html模板