Sublime 快速生成代码模板

版权声明:本文已在我的公众号:【前端很忙】,原创首发,欢迎关注~!转载请务必注明出处! https://blog.csdn.net/Bs__Q/article/details/85164559
公众号:前端很忙

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

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

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

公众号:前端很忙

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

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


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

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

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

tabTrigger 标签中是你的 触发命令

公众号:前端很忙

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

公众号:前端很忙

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

公众号:前端很忙

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

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

猜你喜欢

转载自blog.csdn.net/Bs__Q/article/details/85164559