Sublime Text安装插件的方法有两种,可直接使用模

时间:2020-04-04 20:46来源:美高梅游戏网站
用了ST3已经蛮久了,虽然刚开始有些不习惯,但是相比DWCS6要轻便多了,今天其实想介绍一个插件:SublimeTmpl,下面我们就详细看下咯。 本文介绍了Sublime Text新建.vue模板并高亮,分享给

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

本文介绍了Sublime Text新建.vue模板并高亮,分享给大家,也给自己留个笔记。

插件项目主页: , 目前添加了html/js/css/php/python/ruby的模版. 不需新建空白文件, 再从其他文件复制内容过来了.已增加对Sublime Text3的支持.

准备工作

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

下载安装新建文件模板插件 SublimeTmpl 下载安装vue语法高亮插件 Vue Syntax Highlight

 ctrl+alt+h htmlctrl+alt+j javascriptctrl+alt+c cssctrl+alt+p phpctrl+alt+r rubyctrl+alt++shift+p python安装:方法1. 通过 Package ControlPackage Control / Install Package, 搜索”SublimeTmpl” 或 “tmpl”, 安装.* [2012/08/01]已经通过Package Control审核方法2. Github打开项目主页, git clone到ST的Packages文件夹, 或直接把ZIP格式的下载下来解压到Packages文件夹.设置:菜单: Preferences / Packages Settings / SublimeTmpl, 可以编辑菜单/快捷键/新语法等等.如果想编辑默认模版, 请到”DataPackagesSublimeTmpltemplates”文件夹修改.如果你想贡献自己的package, 可以参考我这篇文章的介绍:http://www.fantxi.com/blog/archives/how-to-submit-a-sublime-package/新增特性:1. 用户自定义模板用户自定义的模板统一到: Packages/User/SublimeTmpl/templates, 会优先使用.Thanks @Xu Cheng Github2. 模板支持 ${date} 变量settings – user里面可以修改${date}默认的输出格式, 比如改成: “date_format” : “%Y-%m-%d”3. 模板支持自定义 attrsettings – user里添加: “attr”: {“author”: “your name” ,“email”: “mail@yours.com”,“link”: “http://yours.com”,“hello”: “word”}

Sublime Text安装插件的方法有两种:

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

1、使用Sublime Text自带的安装库 Package Control 去安装

  1. 自定义模板路径, 比如:“custom_path”: “/Users/yourName/templates”,

点击菜单栏的 Preferences -> Package Control 或使用快捷键 CTRL+SHIFT+P 打开终端窗口,输入Install选择Package Control: Install Package来安装

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

2、下载直接放入包目录 (Preferences / Browse Packages) 中文: 文件夹里面

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

手机美高梅游戏网址,SublimeTmpl Vue Syntax Highlight

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

创建.vue模板并让语法高亮

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

安装完Vue Syntax Highlight之后,你打开.vue格式的文件就已经可以高亮了,我们现在来设置用快捷键直接创建.vue格式的文件。

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

SublimeTmpl 默认只有6种语法模板:

  1. 新增Sublime的语言

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

这个我也没新建过, 可以去Package Control或者github上面找个其他人添加的新语言, 参考参考.如果没找到别人写好的, 可以参考如下网址, 自己做: (官方文档, 利用AAAPackageDev这个插件制作) (textmate的doc, 和sublime大部分是相同的)

我们现在新增创建 vue 格式的模板

1、创建vue文件模板

直接打开插件包的文件夹 Preferences -> Browse Packages

首选项 -> 浏览程序包

打开存放模板的文件夹 templates,随便复制一项,改名为vue.tmpl

创建vue.tmplvue.tmpl内容改为你想要的模板

2、修改新建菜单,增加新建vue选项

SublimeTmpl新建菜单默认是没有vue的,如图

新建 -> New File

编辑:美高梅游戏网站 本文来源:Sublime Text安装插件的方法有两种,可直接使用模

关键词:

  • 上一篇:没有了
  • 下一篇:没有了