Sublime Text3快速生成代码模板

作者: 前端很忙 | 来源:发表于2018-12-21 16:48 被阅读10次

工欲善其事,必先利其器。

作为一个开发者,找一把趁手的兵器(编辑器)那是必不可少的。使用过 WebStorm、VS Code、Notepad++、Sublime Text3,其中最中意的当属 Sublime。

相比 WebStorm,安装包很大,虽然自带很多很全的插件,但是大部分我都用不到,而且启动编辑器,就要十几秒甚至几十秒,这如何能忍。

Sublime Text3 最新版本安装包,大小只有 8.7M,启动速度几乎秒开。当然代价就是,编辑器本身非常干净,只有一些基本的相关语言编辑插件。

但我觉得这又是一大优点,虽然自带功能不多,但是你可以随意安装你想要的各种插件,实现自定义,根据你自己的开发习惯,来安装你需要的插件。关于有什么样的插件,如何安装,可自行百度,有很多的教程。


今天,给大家分享一个非常常用和有逼格的功能:一个命令,生成你想要的模板!

首先打开,工具 —— 插件开发 —— 新建代码片段

然后会自动创建一个文件,填入你的代码模板 <![CDATA[

这里填入你的代码模板

]]>

tabTrigger 标签中是你的 触发命令

例如,我创建了一个 vue 组件模板,命令设置为 vue

Ctrl + S 保存文件,名称随意,但是文件后缀必须是 .sublime-snippet

然后新建一个文件,输入命令 vue,按下 Tab 键,刚刚设置的模板就自动生成啦!

效果图如下:

觉得有帮助的话,就转发给你觉得需要的朋友吧!

关注【前端很忙】

相关文章

  • Sublime Text3快速生成代码模板

    工欲善其事,必先利其器。 作为一个开发者,找一把趁手的兵器(编辑器)那是必不可少的。使用过 WebStorm、VS...

  • sublime text3使用教程

    sublime text3使用教程简介Sublime Text:一款具有代码高亮、语法提示、自动完成且反应快速的编...

  • vscode 用户代码片段

    用户代码片段在线生成器,可将需要的模板转换成vscode、sublime、atom的代码片段在线生成器[https...

  • sublime text 3 激活教程

    我使用的Sublime Text3的版本是3126 (Sublime Text3 > About Sublime ...

  • Sublime Text package安装

    Sublime Text3: Ctrl + ~ 然后粘贴以下代码: import urllib.reques...

  • 2018-10-26 Sublime Text3 配置

    一些Sublime Text3软件配置连接: Sublime Text3配置Python Sublime Text...

  • 05-Django模板

    一、模板概述 模板组成HTML代码动态插入的代码(挖坑、填坑逻辑控制代码) 作用快速生成HTML页面 优点模板的设...

  • 05-Django模板

    一、模板概述 模板组成HTML代码动态插入的代码(挖坑、填坑逻辑控制代码) 作用快速生成HTML页面 优点模板的设...

  • 个人常用工具

    Android Studio --- Sublime text3样式 Sublime text3 持续更新

  • sublime 自动保存

    参考链接:Sublime Text3 自动保存Sublime Text3 设置自动保存

网友评论

    本文标题:Sublime Text3快速生成代码模板

    本文链接:https://www.haomeiwen.com/subject/bffvkqtx.html