Sublime 快速生成代码模板

公众号:前端很忙
工欲善其事,必先利其器。

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

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

公众号:前端很忙

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

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


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

首先打开,工具 —— 插件开发 —— 新建代码片段
公众号:前端很忙

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

tabTrigger 标签中是你的 触发命令

公众号:前端很忙

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

公众号:前端很忙

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

公众号:前端很忙

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

公众号:前端很忙
觉得有帮助的话,就转发给你觉得需要的朋友吧!
公众号:前端很忙
前端公众号【前端很忙】
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值