sublime2创建一个html5的snippets文件
2016-06-16 17:39
429 查看
背景:跟了一个网上课程,老师哗啦啦敲代码,屏幕上只敲了几个字,键盘一操作,瞬间一大溜代码,看得我心惊肉跳连忙暂停抄抄抄。
举个简单的例子,我需要创建一个html文件。但是我不想每次都敲固定的格式。那么现在我这么做:
1.我打开我的sublimeText2的目录,进入到/Data/Packages/HTML
2.创建一个文件,名为:html5.sublime-snippet
3.文件内容如下:<snippet>
<content><![CDATA[<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>$1</title>
</head>
<body>$0
</body>
</html>]]></content>
<tabTrigger>html5</tabTrigger>
<scope>text.html</scope>
</snippet>
4.保存
5.项目路径下随便创建一个.html的新文件,输入html5,然后tab键。
就是这么帅
举个简单的例子,我需要创建一个html文件。但是我不想每次都敲固定的格式。那么现在我这么做:
1.我打开我的sublimeText2的目录,进入到/Data/Packages/HTML
2.创建一个文件,名为:html5.sublime-snippet
3.文件内容如下:<snippet>
<content><![CDATA[<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>$1</title>
</head>
<body>$0
</body>
</html>]]></content>
<tabTrigger>html5</tabTrigger>
<scope>text.html</scope>
</snippet>
4.保存
5.项目路径下随便创建一个.html的新文件,输入html5,然后tab键。
就是这么帅
相关文章推荐
- krpano HTML5 Viewer可以实现全景展示
- HTML5之Canvas绘图——使用Canvas绘制图形
- 【转】移动前端不得不了解的html5 head 头标签
- HTML5的data-* 自定义属性
- HTML5 - 用<figure/>添加插图和图题
- 【H5营销活动】近期捷微H5营销活动大盘点
- HTML5离线存储和本地缓存
- 打造最美HTML5 3D机房(MONO哥强势归来,第四季惊艳发布)
- html5 canvas绘制矩形和圆形的实例代码
- 用CSS3打造HTML5的Logo(实现代码)
- Wijmo:使用Angular2创建HTML5/TypeScript的输入控件
- HTML5的manifest缓存
- H5实现图片预览、裁剪、批量上传
- html5 canvas绘制矩形和圆形
- html5中Canvas为什么要用getContext('2d')
- html5视频嵌入
- 使用Modernizr探测HTML5/CSS3新特性
- HTML5 WebSocket DEMO示例
- Html5 获取手机短信号码
- html5表单中的<button>按钮