Sublime Text 3常用用户自定义配置推荐

现在可算是对sublime text编辑器有点入门了,除了基本操作快捷键之外,对于sublime text的用户配置设置我今天也细细研究了一番,对于英语勉强说得过去的我,看这个默认的配置(Preferences.sublime-settings—Default)说明是没有太大压力的,对于英语差的,先硬着头皮看看,实在不行,我总结了以下一些我感觉还算比较方便的配置选项,当然,自定义的就是覆盖了默认设置的,有兴趣的可以看看,根据个人需要修改…首先当然是开启Preferences.sublime-settings—User了,见图,我在配置中加了说明方便查阅:

Sublime text 3用户自定义设置配置
Sublime text 3用户自定义设置配置

(图中可以看到修改过的文件名称是黄色,选中的那一行也高亮了等等,大家自行观察咯~)

接下来大家根据需要拷贝过去进行修改吧…

{
"auto_complete_selector": "source,text", //用到snippet的话加此行,否则请无视我
"font_size": 16, //不用多说,字体大小,同样可以按住CTRL+'+'或者'-'或者'鼠标滚轮'调整
"ignored_packages":
[
"Vintage"
], //忽视此包...
"word_separators": "./\\()\"':,.;<>~!@#$%^&*|+=[]{}`~?", //这些字符会在鼠标双击时隔断,可自行删除不必要的,例如这个被我修改过删除了'-'符号,详情可参考我之前写的<<sublime text快速选择带有横线(连接符)的类名或ID名等>>,上一篇就是了
"word_wrap": true, //一行内容太长了,自动换行(如果你够'自信'的话,又喜欢拖动X轴滚动条请无视我)
"highlight_line": true, //高亮显示当前编辑的行,有时自动折行看不清,这个就把一整块显示出来,清晰一些
"show_encoding": true, //编辑器底部显示编码信息,用GBK编码的偶尔出现乱码,看看这个能查一下,虽然作用不大,放在下面也不占地方,无所谓了
"save_on_focus_lost": true, //当焦点从当前编辑文档中丢失,会自动保存,看个人喜好咯
"highlight_modified_tabs": true, //高亮TAB显示被修改过的文档,如果上一条为关闭,修改过的文件看起来更清晰
"draw_minimap_border": true, //在编辑器右侧小代码地图上为当前区加个边框,视力不好可以加上,比如我
"always_show_minimap_viewport": true, //总是显示这个迷你地图窗口,还是视力不好
"show_tab_close_buttons": false //不显示TAB标签上的关闭图标(个人认为没用,文件多了不小心切换的时候关了更麻烦,真的需要关闭某个标签的时候,可以在左侧栏已打开的文件中点叉叉,当然个人更加推荐使用快捷键CTRL+W)
//注释 BY WHIDY 2014年5月15日...
}

PS: 经过几日测试,我发现焦点失去自动保存功能并不好用,大家看情况来使用吧,原因:从外部快速切换到sublime text时,代码块会滚动一下,影响查找刚才编辑的位置,另外,如果是GBK编码格式,有时不小心乱码了,比较麻烦(2014年5月21日)

sublime text快速选择带有横线(连接符)的类名或ID名等

其实sublime text的设置中有很多小秘密,例如本文介绍的,通过修改其中的一个配置,就可以实现直接鼠标双击或者快捷键CTRL+D,就能选中例如”sub-menu”这样的类名或者ID名,其实也是工作需要,代码规范要这样做,之前的驼峰式就废弃了,下划线显然不好,于是就用横线来连接关联起来了,直接来说怎么设置吧.

1. 打开SUBLIME TEXT(2和3都通用.)

2. 打开配置文件Settings – User

快速选择带有横线连接符的类名或ID名
快速选择带有横线连接符的类名或ID名

3. 在花括号内最后一行插入下面这段

"word_separators": "./\\()\"':,.;<>~!@#$%^&*|+=[]{}`~?"

好了,保存文件.试试效果吧.

最后简单说明一下,这行实际上是默认设置里改了,去掉了”“字符,用用户设置覆盖默认设置,有兴趣可以打开Settings – Default,看其他更多设置

W350ETQ(K590S)装双硬盘南桥(PCH)终极简易散热方法

之前的提到过几个方案(见W350ETQ(K590S)装双硬盘南桥(PCH)散热最简单的方法)都不错,但是今天因为需要吧电池装上,从下面往上吹就不管用了,于是我想试试从上往下吹,也就是吹键盘.没想到效果比之前的几个方案都要好,经过测试,这才是最值得一试的,当然也是有损失的,那就是笔记本键盘不能用,其实之前的从下往上吹,也是笔记本不能用了,话不多说,直接上效果图:

W350ETQ(K590S)装双硬盘南桥(PCH)终极简易散热方法
W350ETQ(K590S)装双硬盘南桥(PCH)终极简易散热方法

简单说明一下,我这个是三张图拼到一起了,还是那个网上买的十元的破风扇,底朝上,对着键盘吹,看到烤机温度CPU上升了一点,但是主板温度动都不动,基本上不超过65度,而图中最高温度87的温度是没有采取任何措施的!!!虽然这几天广州降温,室温22-25度左右,但是还是很惊人的…这个对于外接键盘的朋友来说是个不错的方法,,试试看吧,

子级元素如何覆盖父级元素之边框颜色的遮盖应用

由于昨天重装系统,很多程序还未正确配置好,这篇暂且长话短说,直接上代码.
关于这个需求在网站制作上还是经常遇到的(例如白色边框覆盖其他边框的障眼法),做到全兼容似乎只有这个方法最好,特分享出来.这里坚决不用z-index,更加不用绝对定位!查看DEMO

<!DOCTYPE html>
<html>
<head>
<title>childBox and parentBox overlay relationship</title>
<style type="text/css">
* {margin:0;padding:0;line-height:1.5;font-family:"Microsoft YaHei";}
body {background-color:#eee;}
.container {width:1000px;margin:30px auto;}
.parentBox {width:300px;height:300px;margin:0 auto; border:50px solid #ccc;*overflow:hidden;}
.childBox {width:200px;padding:10px;margin:0 auto;height:250px;border:40px solid #aaa;margin-top:20px;position:relative;}
h3 {font-size:18px;}
p {font-size:14px;margin:10px 0;}
.author {text-align:right;}
</style>
</head>
<body>
 <div class="container">
 <div class="parentBox">
 <div class="childBox">
 <h3>childBox and parentBox</h3>
 <p>The childBox overlay the parentBox, otherwise, it must be compatible widt all IEs</p>
 <p class="author">whidy</p>
 </div>
 </div>
 </div>
</body>
</html>

明天重新整理一下,发一点相关页面应用到这个的地方.

如何使用git for windows与github同步数据

其实,github这个东东很多经常做开发的人都应该知道,可以将自己做的demo上传维护并管理,也可以把其他人的优秀作品抓来研究学习,可谓一个很棒的网站.今天主要介绍一下git for windows(msysgit)与github同步的方法.

前几天在同事hoosin的简单介绍下,我又决定尝试好好学习利用一下github这个利器了.正巧有个朋友曾经试过失败了,希望我写个简单的操作过程,那么我接下来就简单介绍一下本地git与github数据同步的一些方法及过程. 继续阅读“如何使用git for windows与github同步数据”