码迷,mamicode.com
首页 > Web开发 > 详细

sublime3 快速创建html模板

时间:2018-10-20 11:44:55      阅读:237      评论:0      收藏:0      [点我收藏+]

标签:extern   info   pac   ace   http   alt   image   install   tar   

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键,就出现你设置的代码片段了。

技术分享图片

 

sublime3 快速创建html模板

标签:extern   info   pac   ace   http   alt   image   install   tar   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!