学用代码片段
发布时间:2011-09-06 19:37:35
之前写过一篇文章《EmEditor代码片段插件介绍》,现在项目越来越多,越来越大,不再用EmEditor,而用IntelliJ IDEA。这个IDE能管理项目,而且也有类似的代码片段功能——Live Template。本文主要就是关于Live Template(模版)。
自定义变量
Live Template最核心的思想是通过一个字段(Abbreviation)来展开一个模版(Template),这样我们输入很少字符的字段,就能输出很多字符的模版,从而节省时间和精力。
模版中包含纯文本和变量。变量是两个美元符号$中间包含字符,比如$<variable name>$这样的格式。举个例子,在设定字体大小的时候,往往需要同时设置px和rem两种单位,为了节省时间,我就创建了这个叫做fs的模版。
在IDEA中Ctrl+Alt+S打开设置,然后搜索Live Template,之后我们会看见很多group,比如html、css、zen css等,我这个模版是在css中触发,所以我在css group里新建一个模版。Group只是用来管理Live Template,跟在什么环境下触发没关系,还可以自己建一些group比如“项目”
css group里新建一个fs模版
我设定的缩写是fs,属于css这个Group,描述是css中的font-size这个属性。
Template text中的文本我写的是
font-size:$v1$px;font-size:$v2$rem;
展开快捷键是默认的(Tab),最后只有在CSS上下文(注意,是CSS上下文,不是CSS文件,这样在HTML中的<style>里也是能展开这个Template的)中输入:fs(Tab)之后,就会出现下面的截图:
我随便设置了两个变量$v1$和$v2$,只是作为用户输入的一个placeholder,也可以是任何其他值。除了两个预设变量。
猜你喜欢
- “输入框( Input )应当符合逻辑地划分为小组,这样大脑就可以很好的处理大堆区域间的关系。”– 《HTML权威指南》Web 应用程序总是
- 这是官方对SubFolders的介绍:返回由指定文件夹中所有子文件夹(包括隐藏文件夹和系统文件夹)组成的 Folders 集合。object
- 首先来看,ASP读取ACCESS数据库。代码如下:<% @language="VBScript"&nbs
- ajax缓存和编码问题不难解决,下面是解决方法。编码问题默认使用UTF-8,如果一旦发现对象找不到的情况,可能js中输入了中文,同时js的编
- 也许已经有人发现可以这样写...CSS代码部分a.info { position:
- 刚才帮一位朋友做跳转的时候做的,为了获取完整的url地址,还是花了那么点时间不过现在看来,原来是那么简单,没有网上那么多复杂的东东,相信一定
- 有时一些网页对源码进行了加密,我们很难找到类似像“onselectstart="return false"”这样的代码,
- 什么是Dynamic HTML 今天我们以问答的形式来讲述什麽是Dynamic Html。问:亲爱的网猴,我经常看到讲述有关“Dynamic
- 文章主要描述的是SQL Server聚集索引的指示(Cluster Index Indications),在实际操作中借助聚集索引来进行搜索
- 过去有很多网页设计师喜欢将他们的网页效果图用table布局实现成网页,但是这样做会遇到一个比较麻烦的问题就是,后期调试和维护会相当的困难。现
- 下面这个例子描述的是在Godaddy-Linux托管帐户上使用JSP连接到某个MySQL数据库。 <%@ page
- 今天有个服务器速度变得非常慢,用工具一看,IIS堵塞进程达到100多个,肯定有问题,下面进入排查(聚友习惯把过程写出来,如果不需要过程,请直
- 在 PHP 中表示空的map或空数组都是以空数组形式,在转化为json数据时,会将空数组统一 json 序列化成 [],这样就存在
- 1、注册时验证数据库用户名是否存在。 2、输入密码时提示密码强度和验证2次密码输入是否一样。 3、注册时验证数据库联系邮箱是否存在。 4、注
- javascript的分号代表语句的结束符,但由于javascript具有分号自动插入规则,所以它是一个十分容易让人模糊的东西,在一般情况下
- Photoshop Express,也就是传说中的web版photoshop,来了。和想象中的web photoshop相比,这个Photo
- 见下表:序号列类型需要的存储量1TINYINT1 字节2SMALLINT2 个字节3MEDIUMINT3 个字节4INT4 个字节5INTE
- 代码如下:'===================================== '获取内容中所有图片 '==
- 一:关于MySQL5 MySQL5系列数据库是MySQL的最新版本的数据库,比较流行的发行版是mysql-5.0.18。MySQL 英文官方
- Css3引入了新的盒模型——弹性盒模型,该模型决定一个盒子在其他盒子中的分布方式以及如何处理可用的空间。这与XUL(火狐使用的用户交互语言)