×

[开发工具]Sublime Text3新建文件的模版插件:SublimeTmpl

作者:Web前端之家2014.11.06来源:Web前端之家浏览:22088评论:0
微信公众号

微信公众号

用了ST3已经蛮久了,虽然刚开始有些不习惯,但是相比DW CS6要轻便多了,今天其实想介绍一个插件:SublimeTmpl,下面我们就详细看下咯。

插件项目主页: https://github.com/kairyou/sublimeTmpl
这样就可以新建文件时使用模版的内容了, 目前添加了html/js/css/php/python/ruby的模版. 不需新建空白文件, 再从其他文件复制内容过来了.
已增加对Sublime Text3的支持.

使用:
1. ST菜单, File-New File (SublimeTmpl), 选择列表里的相应菜单, 可直接使用模版新建文件.
2. 命令, cmd+shift+p, 输入: “tmpl:”, 可以找到创建文件的菜单列表.
3.快捷键, 默认快捷键见下面. 可以自己修改, 方法见”设置”部分.

默认快捷键:

<pre class=”brush: html; title: ; notranslate” title=”">

ctrl+alt+h html
ctrl+alt+j javascript
ctrl+alt+c css
ctrl+alt+p php
ctrl+alt+r ruby
ctrl+alt++shift+p python

</pre>

安装:
方法1. 通过 Package Control
Package Control / Install Package, 搜索”SublimeTmpl” 或 “tmpl”, 安装.
* [2012/08/01]已经通过Package Control审核

方法2. Github
打开项目主页, git clone到ST的Packages文件夹(\Data\Packages), 或直接把ZIP格式的下载下来解压到Packages文件夹(文件夹名称必须为:SublimeTmpl).

设置:
菜单: Preferences / Packages Settings / SublimeTmpl, 可以编辑菜单/快捷键/新语法等等.
如果想编辑默认模版, 请到”Data\Packages\SublimeTmpl\templates”文件夹修改.

如果你想贡献自己的package, 可以参考我这篇文章的介绍:

http://www.fantxi.com/blog/archives/how-to-submit-a-sublime-package/

新增特性:
1. 用户自定义模板
用户自定义的模板统一到: Packages/User/SublimeTmpl/templates, 会优先使用.
Thanks @Xu Cheng Github

2. 模板支持 ${date} 变量
settings – user里面可以修改${date}默认的输出格式(“%Y-%m-%d %H:%M:%S”), 比如改成: “date_format” : “%Y-%m-%d”

3. 模板支持自定义 attr
settings – user里添加:

<pre class=”brush: html; title: ; notranslate” title=”">

“attr”: {
“author”: “your name” ,
“email”: “mail@yours.com”,
“link”: “http://yours.com”,
“hello”: “word”
}

</pre>
就能在模板中使用 ${author} ${email} ${link} ${hello} 变量
Thanks @vfasky (Blog)
4. 自定义模板路径(读取自定义路径的模版文件), 比如:
“custom_path”: “/Users/yourName/templates”,

另外, 关于新增语言的附加说明
1. 新增SublimeTmpl里面没有的语言

首先请看: Packages Settings / SublimeTmpl / Settings – Default 的默认语法设置.
如果要新增语法, 请选择: SublimeTmpl / Settings – User, 内容格式参考Settings – Default的内容, 比如新增两个语言test和yours:

<pre class=”brush: html; title: ; notranslate” title=”">

{
“test”: {“syntax”: “Packages/test/test.tmLanguage”},
“yours”: {“syntax”: “Packages/Yours/Yours.tmLanguage”}
}

</pre>
上面的”Packages/test/test.tmLanguage”是Packages目录内的syntax路径, 文件必须存在才会有效.

新增开始菜单: 可以在SublimeTmpl / Settings – Menu里, 参照其他语法增加test和yours.
新增快捷键: 可以编辑:SublimeTmpl / Key Bindings User( 格式参考: SublimeTmpl / Key Bindings Default)

2. 新增Sublime的语言

这个我也没新建过, 可以去Package Control或者github上面找个其他人添加的新语言, 参考参考.
如果没找到别人写好的, 可以参考如下网址, 自己做:
http://docs.sublimetext.info/en/latest/extensibility/syntaxdefs.html (官方文档, 利用AAAPackageDev这个插件制作)
http://manual.macromates.com/en/language_grammars (textmate的doc, 和sublime大部分是相同的)
https://github.com/LearnBoost/stylus/blob/master/editors/Stylus.tmbundle/Syntaxes/Stylus.tmLanguage (别人写好的语法, 可以和自己新建的对比)

温馨提示:本文作者系Web前端之家 ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://jiangweishan.com/article/SublimeTmpl.html

网友评论文明上网理性发言 已有0人参与

发表评论:

最新留言

  • Web前端之家

    GoogleAdSense可以的,可以加群主,帮你搞定这事情~~...

  • s121

    GoogleAdSense好弄吗,想弄一个账号。...

  • s121

    不错,正好用到,收藏了!...

  • 访客

    什么机翻...

  • Web前端之家

    只是更轻便,还是有些差距的呢,小项目可以玩玩。...

  • ja124

    这个跟vue和react比,好些吗?...

  • Web前端之家

    OK,已经更新,谢谢!...

  • 韩涛博客

    韩涛博客的域名更换为www.hantaosec.com啦,请更新一下域名哈,谢谢。我还会继续链着咱们...

首页|JavaScript|HTML|HTML4|HTML5|CSS3|开发工具|性能优化|移动开发|前端教程|性能优化|开发工具|酷站欣赏|UI设计|前端教程

Copyright © 2021 Web前端之家(www.jiangweishan.com) 版权所有 All Rights Reserved.
粤ICP备12067512号-1

Copyright Your WebSite.Some Rights Reserved.

Powered By Z-BlogPHP 1.6.8 Valyria