Sublime text3 012 SublimeTmpl 自定义变量 和 模板变量

Sublime text3 012 SublimeTmpl 自定义变量 和 模板变量
------------------------------------------------------------------------------
如果有什么不明白的,加QQ群:186970878

经常会有错字 或 语句不通的,欢迎联系本人,方便快速修正,也方便后来者阅读。

联系本人QQ: 2071551682
------------------------------------------------------------------------------
新增语言的附加说明

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

默认语法设置
Menu   Preferences  ->  Packages Settings  ->  SublimeTmpl  -|  Settings - Default

新增语法
Menu   Preferences  ->  Packages Settings  ->  SublimeTmpl  -| Settings - User

新增两个语言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": "abc"             是默认保存时使用的扩展名.

-------------------

2.  新增文件菜单:
Menu   Preferences  ->  Packages Settings  ->  SublimeTmpl  -|   Settings - Menu

参照其他语法增加 test 和 yours.

{
                        // "id": "p",
                        "caption": "test 7.0",   //  关联菜单
                        "command": "sublime_tmpl",
                       
                        "args": {
                        "type": "test"  //  关联快捷键
                        }
                    },
                    {
                        // "id": "yours",
                        "caption": "Yours",            //  关联菜单
                        "command": "sublime_tmpl",
                       
                        "args": {
                        "type": "abc"   //  关联快捷键
                        }
                    }

-------------------

3.  新增快捷键: 可以编辑:

Menu   Preferences  ->  Packages Settings  ->  SublimeTmpl  -|  Key Bindings User

格式参考:
Menu   Preferences  ->  Packages Settings  ->  SublimeTmpl  -|  Key Bindings Default

{
        "keys": ["shift+ctrl+alt+y"], "command": "sublime_tmpl",
        "args": {"type": "abc"}, "context": [{"key": "sublime_tmpl.php"}]
    }

//  "args": {"type": "abc"}, "   关联的是 abc 模板文件,位置在自定义模板:
//   C:\Users\Administrator\AppData\Roaming\Sublime Text 3\Packages\User\SublimeTmpl\templates\ abc.tmpl

//  "context": [{"key": "sublime_tmpl.php"}]

-------------------

4.   新增命令

{
        "caption": "Tmpl: Create Yours", "command": "sublime_tmpl",
        "args": {"type": "test"}
    }

//   "caption": "Tmpl: Create Yours",   命令搜索

//   "args": {"type": "test"}    命令应用的模板文件  test.tmpl

------------------------------------------------------------------------------------------------------------

  5.模板修改 ${date} 时间变量格式

Menu    Preferences  ->   Package Settings  ->  SublimeTmpl  -|   Settings - User

Settings - user 里面可以修改 ${date} 默认的输出格式("%Y-%m-%d %H:%M:%S"), 比如改成: "date_format" : "%Y-%m-%d"

  6.模板支持自定义 attr ( 变量 )

Menu         Preferences  ->   Package Settings  ->  SublimeTmpl  -|  Settings - Default
菜单         首选项       ->   Package Settings  ->  SublimeTmpl  -|  Settings Default

将 Settings Default 相应内容复制到  Settings User

Menu        Preferences   ->  Package Settings  ->  SublimeTmpl  -|  Settings User,

在User里面进行模版配置。

例如:

{

"disable_keymap_actions": false, // "all"; "html,css"

"date_format" : "%Y-%m-%d %H:%M:%S",

"attr": {

"author": "cjj",

"email": "[email protected]",

"link": "http://cjj.org",

"copyright":"cjj Web company"

}

}

  下面代码同上面代码:

//  在settings - user 里添加,异常,出错。是因为格式不对,少一对 { }

"attr": {
        "author": "your name" ,
        "email": "[email protected]",
        "link": "http://yours.com",
        "hello": "word"
    }

// 正确用法:
// 测试用效

{
        "attr": {
        "author": "1233 your name" ,
        "email": "[email protected]",
        "link": "http://yours.com",
        "hello": "word"
    }
}

在模板中使用 ${author} ${email} ${link} ${hello} 变量

------------------------------------------------------------

-----------

配置好以后在

Preferences -> Browse Packages  找到SublimeTmpl,首先查看README.md文档,之后修改 templates 文件夹下的文件,根据需求修改,例如修改html.tmpl:

------------------------------------------------------------

------------------------------------------------------------

启用 文件变量

Menu    Preferences  ->   Package Settings  ->  SublimeTmpl  -| settings - user

"enable_file_variables_on_save": true, // 开启

保存文件时生效:

文件名称    ${saved_filename}

文件路径    ${saved_filepath}

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

-----------------

启用项目变量

使用项目变量,前提是你要有项目存在。

Menu    Preferences  ->   Package Settings  ->  SublimeTmpl  -| settings - user

"enable_project_variables": true, // 开启

支持:
项目名称     ${project_base_name}
项目路径     ${project_path}
系统平台     ${platform}

仅ST3支持, 上面的3个变量会替换为: 项目名, 项目路径, 平台( 当前操作系统 ).

===================================================================

----------------------------------------------------------------------------------------------

  关闭默认快捷键:  -----------  代码不报错,但是无效。

Package Settings > SublimeTmpl > Settings - User,

增加disabled_keymap_actions配置:

[
 {
  "disabled_keymap_actions": "html, css",
  "disabled_keymap_actions": "all",
 }
]

{
 "disabled_keymap_actions": "html, css",
  
}

------------------------------------------------------------------------------
如果有什么不明白的,加QQ群:186970878

经常会有错字 或 语句不通的,欢迎联系本人,方便快速修正,也方便后来者阅读。

联系本人QQ: 2071551682
------------------------------------------------------------------------------

原文地址:https://www.cnblogs.com/qy123/p/9190819.html

时间: 2024-10-06 19:58:45

Sublime text3 012 SublimeTmpl 自定义变量 和 模板变量的相关文章

Sublime text3 创建html模板

最近接手了公司官网跟新的任务,需要编写HTML页面.页面中存在大量重复内容(导航条.页脚.侧边栏等),每次复制粘贴也不是个事,网上搜了相关的HTML模板创建问题,还找到了.楼主使用的是Sublime text3,相关创建HTML模板的方法如下: 1. 使用相关的包,如SublimeTmpl,安装步骤如下: 1.1 安装Package Control组件 1.2 按下Ctrl + Shift + P调出命令面板,选择Install Package选项并回车 1.3 输入要安装的插件,如Sublim

ThinkPHP框架配置自定义的模板变量(十)

原文:ThinkPHP框架配置自定义的模板变量(十) 模板替换(手册有详细介绍对应的目录) __PUBLIC__:会被替换成当前网站的公共目录 通常是 /Public/ __ROOT__: 会替换成当前网站的地址(不含域名) __APP__: 会替换成当前项目的URL地址 (不含域名) __GROUP__:会替换成当前分组的URL地址 (不含域名) __URL__: 会替换成当前模块的URL地址(不含域名) __ACTION__:会替换成当前操作的URL地址 (不含域名) __SELF__: 会

Sublime Text3 快捷键汇总及设置快捷键配置环境变量

@Sublime Text3 快捷键汇总及设置快捷键配置环境变量 注册码如下: —– BEGIN LICENSE —– Andrew Weber Single User License EA7E-855605 813A03DD 5E4AD9E6 6C0EEB94 BC99798F 942194A6 02396E98 E62C9979 4BB979FE 91424C9D A45400BF F6747D88 2FB88078 90F5CC94 1CDC92DC 8457107A F151657B 1

Sublime Text3自定义全部字体大小、字体类型和背景颜色

一.定义侧栏的背景颜色.字体大小和间距 Sublime Text3的Afterglow主题链接为:https://github.com/YabataDesign/afterglow-theme 1.按键:ctrl+shift+p,弹出窗口中输入pro,选择图中的PackageResourceViewer:Open Resource. 2.在新窗口输入th,选中安装的主题,我个人安装的是Theme - Afterglow,就以Theme - Afterglow主题为例,其它主题类似. 3.在下拉列

如何优雅地使用Sublime Text3(转)

转自http://www.jianshu.com/p/3cb5c6f2421c/ Sublime Text:一款具有代码高亮.语法提示.自动完成且反应快速的编辑器软件,不仅具有华丽的界面,还支持插件扩展机制,用她来写代码,绝对是一种享受.相比于难于上手的Vim,浮肿沉重的Eclipse,VS,即便体积轻巧迅速启动的Editplus.Notepad++,在SublimeText面前大略显失色,无疑这款性感无比的编辑器是Coding和Writing最佳的选择,没有之一. 温情提醒:可以移步原文首链处

为什么要选择Sublime Text3?

为什么要选择Sublime Text3? Sublime Text3 自动保存,打开图片 跨平台启动快!!!!多行游标,太好用. 插件,简直选不过来. 代码片段 VIM兼容模式 菜单栏基础功能介绍 File:文档相关,新建文件,打开文件或文件夹等. Edit:文件编辑相关,复制,剪切等(CVS大法好).除此之外还有一些强大的功能. Selection:选择相关,帮助选择代码. Find:查找替换相关.这个和其它编辑器区别好像不大. Ctrl+F查找.Ctrl+H替换等. View:对Sublim

sublime text3神器插件

(首先安装)Package Control  Package Control,就像 Linux 下的 apt-get 和 yum 一样,它是 Sublime Text 的包管理器 1.Emmet 是一个前端开发的利器,其前身是 Zen Coding.它让编写 HTML 代码变得简单 基本用法是:输入简写形式,然后按 Tab 键 2.SublimeLinter 一个代码校验插件,它可以帮你找出错误或编写不规范的代码,支持 C/C++.CoffeeScript.CSS.Git Commit Mess

一个前端程序猿的Sublime Text3的自我修养

来源于:http://guowenfh.github.io/2015/12/26/SublimeText/ 详细设置 && 20+插件 本文章会在本人有插件或者设置更新时,进行不定时更新 2015-12-31更新:NO. 21 侧边栏同步编辑窗口底色插件.2016-04-06更新:代码片段:better-completions:主题:Material,Seti_UI:代码格式化:HTML-CSS-JS Prettify:vue语法高亮:Vue Syntax Highlight:Termin

sublime Text3配置及快捷键、插件推荐总结

一.基础 1.重要文档: sublime Text3官方文档中文版:http://feliving.github.io/Sublime-Text-3-Documentation/ sublime Text插件下载站点:https://sublime.wbond.net/ Sublime Text install package control:https://sublime.wbond.net/installation 非常好的參考文档:https://github.com/jikeytang/