Sublime Text配置模板及开发必备

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

默认快捷键:

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

关闭默认快捷键:

Package Settings > SublimeTmpl > Settings - User, 增加disabled_keymap_actions配置:

"disabled_keymap_actions": "html, css" // 关闭html/css语法的快捷键(多个逗号分隔)
"disabled_keymap_actions: "all" //关闭所有语法快捷键

安装:

  • 方法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, 可以编辑菜单/快捷键/新语法等等.

如果你想贡献自己的package, 可以参考我这篇文章的介绍:
http://www.fantxi.com/blog/archives/how-to-submit-a-sublime-package/

新增特性:

  1. 用户自定义模板 (Thanks @Xu Cheng)
    自定义模板路径: "Data\Packages\User\SublimeTmpl\templates" 目录, 会优先使用(可以参考:默认的模板).
    默认模版路径: "Data\Packages\SublimeTmpl\templates" 目录.
    用自己自定义的模板: 推荐把默认模版目录的*.tmpl文件 复制到 自定义模板路径, 再去修改.

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

  3. 模板支持自定义 attr
    settings - user里添加:
    "attr": {
    "author": "your name" ,
    "email": "mail@yours.com",
    "link": "http://yours.com",
    "hello": "word"
    }

    就能在模板中使用 ${author} ${email} ${link} ${hello} 变量
    Thanks @vfasky (Blog)

  4. 保存文件时支持: ${saved_filename}, ${saved_filepath} 变量, settings - user里添加:

    "enable_file_variables_on_save": true, // 开启

    文件保存时, 上面的2个变量会替换为: 保存的文件名, 和文件路径.

  5. 支持: ${project_base_name}, ${project_path} and ${platform} 变量, settings - user里添加:
    "enable_project_variables": true, // 开启

    Note: 仅ST3支持, 上面的3个变量会替换为: 项目名, 项目路径, 当前系统环境.

另外, 关于新增语言的附加说明

  1. 新增SublimeTmpl里面没有的语言

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

{
       "test": {"syntax": "Packages/test/test.tmLanguage", "extension": "test"},
       "yours": {"syntax": "Packages/Yours/Yours.tmLanguage", "extension": "abc"}
}

上面的"Packages/test/test.tmLanguage"是Packages目录内的syntax路径, extension是默认保存时使用的扩展名.

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

  1. 新增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 (别人写好的语法, 可以和自己新建的对比)

 

其他开发必备

 

  • All Autocomplete

 AllAutocomplete 插件会搜索所有打开的文件来寻找匹配的提示词。

  • Color Highlighter

写css用到颜色功能

  • CSS Comments

css语法提示

模板添加示例:

以lua为例

SublimeTempl->Settings-User中添加如下设置:

 "lua": {
        "syntax": "Packages/Lua/Lua.tmLanguage",
        "extension": "lua"
    },
    "disable_keymap_actions": false, // "all"; "html,css"
    "enable_project_variables": true, // ${project_base_name}, ${project_path} and ${platform}
    "enable_file_variables_on_save": true, // ${saved_filename}, ${saved_filepath} on save file
    "date_format" : "%Y-%m-%d %H:%M:%S",
    "attr": {
        "author": "yan nan fei",
        "date":"%Y-%m-%d %H:%M:%S",
        "email": "you@example.org",
        "link": "http://example.org",
    }

打开lua.tmpl添加如下模板配置:

--[[
ModuleName : ${saved_filename}
Path : ${saved_filepath}
Author : ${author}
CreateTime : ${date}
Description :${project_path}
--]]

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值