Sublime 快捷生成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.自定义模板

 

1.打开工具--插件开发--新建代码片段

2 把骨架写在<![CDATA[   和  ]]></content>  之间

3.设置快捷键,把下面tabTrigger标签的注释打开,中间的   !    就是你的快捷键。(! + Tap)

<snippet>
<content><![CDATA[
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
</body>
</html>
]]></content>
<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
<!-- <tabTrigger>!</tabTrigger> -->             
<!-- Optional: Set a scope to limit where the snippet will trigger -->
<!-- <scope>source.python</scope> -->
</snippet>

 

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

 

posted @ 2018-11-27 11:36  Coding小马  阅读(2207)  评论(0编辑  收藏  举报