- 浏览: 221370 次
- 性别:
- 来自: 吉林
文章分类
最新评论
-
sunfeizhi:
very good!
jquery 鼠标右键事件、左键单击事件判定 -
liuchang615270:
...
jquery 鼠标右键事件、左键单击事件判定 -
applett:
ps:
jquery实现新浪微博的表情插件 -
applett:
jquery实现新浪微博的表情插件 -
shenlm203:
sublime 最新安装及插件推荐可以参看: https:// ...
sublime text 2使用心得汇总
sublime介绍
突然之间,团队中更换了一个新的代码编辑工具。她来得很突然,但是我们在开始接触到她,就深深地被她吸引住了,因为她的确能够让一个编程人员(尤其是前端开发人员欣喜发狂),用其他人的形容就是她太性感了!
正如其官方网站所说的:“sublime text2 是一个精致的用于编码,标记和写作的文本编辑器(Sublime Text is a sophisticated text editor for code, markup and prose.)“。
其主特性包括:
- 便捷地切换 (Goto Anything)
- 多处选择同时修改(Multiple Selections)
- 控制面板直接输入指令(Command Palett)
- Chrome类似全屏幕,避免注意力分散(Distraction Free Mode )
- 单文件多处编辑(Split Editing)
- 快速工程切换(Instant Project Switch)
- 自定义任何内容(Customize Anything)
- 跨平台,OS X,Windows, Linux (Cross Platform)
关于下载
当然我们这些具有中国特色的勤劳智慧的码农自然不会去它买单,尽管它真的非常好,非常优秀。虽然我们也很想支持一些Sublime的事业,怎奈何自己都还没有解决温饱问题,故我们有破解版(似乎没有什么绝对不能破解的软件,尤其是在这个屌丝遍地的国度)。
随文附上破解版方法:(从官网下载32为便携版之后,用附件中的破解文件sublime_text.zip 中的sublime text2.exe覆盖源文件就行)。
关于字体
这儿我听从了网上的建议换了一个适合于编程的字体,可以让你看着代码更加舒心。你只需要下载好字体Source Code Pro(见附件),并且安装进windows下面的fonts文件夹,然后做一个简单的配置就可以了。 切换成适合的编程字体只需要在settings-user中配置就可以。
Sublime的一些优美的地方
1. 小巧便捷
Sublime提供绿色便携版,你可以将sublime解压后,安装各种插件,调至自己满意的设定。然后把整个文件夹copy出来放进u盘,然后走在哪儿都可以使用,并且不用作任何配置。强烈建议各位童鞋使用各种如360云盘之类的同步工具进行同步,然后在各个电脑之间只要联网更新即可。
2. 配置灵活
Sublime采用了类似于前端插件的配置机制。先设置一份默认的配置文档(settings-default),如果用户不进行任何设置,则default生效。如果用户要进行设置(如更改字体,主题等),可以在用户配置文档(settings-user)里对要进行改变的地方进行设置(不需要完全设置)。这样用户更改的部分就会将默认设置中的部分重置,再加上默认设置中用户未更改的部分,就构成了sublime的新配置。
这里还要提到一点的就是整个配置文件都是通过代码的形式对外的,代码格式类似Javascript,只对于有一些程序基础的人来说完全不是什么难事儿。你甚至可以将sublime完全改得没有人样儿,只要你喜欢就行。
3. Package Control-插件机制
Package control提供便捷地安装第三方插件的功能,要安装“package control”,需要使用快捷键ctrl+~调出控制台,然后输入如下代码:
import urllib2,os;pf='Package Control.sublime-package';ipp=sublime.installed_packages_path();os.makedirs(ipp) if not os.path.exists(ipp) else None;open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read())
安装之后需要重启,如果成功,可以看到有preference->package control项。安装过程注意确保防火墙允许了sublime。有了package control就可以便捷地通过输入ctrl+shift+p,然后键入install命令,安装各种第三方插件了。
插件
对于经常编写前端的同学,在此个人推荐几款比较好的插件供大家参考。
成功安装了“package control”之后,通过ctrl+shift+p呼出指令面板,然后键入install,确认后就可以输入插件名了。
1. zenCoding
这玩意儿可以极大地提高前端编程的速度。可谓是神器级别的。具体关于zencoding的相关介绍,请参看:
官方 PDF (三列)下载地址:ZenCodingCheatSheet.pdf(见附件)
前端笔记 PDF (单列)下载地址:ZenCodingCheatSheet (190)
Zen Coding 官方地址:http://code.google.com/p/zen-coding/
安装方法:ctrl+shift+p->install->zencoding
使用效果:
比如说对于一个空文档,直接输入html:5,然后按下tab键,会得到一段最简单的含有head和body的html代码。再用不用直接敲了。
<!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> </html>
还有如果要输入ul.nav>li*5>a[href='javascript:;'],会有什么后果呢?结果这货可以直接得到以下代码,是不是快得你都要哭了?!
2. Alignment
很多代码强迫着必须看到对齐的等号,那么这款插件可以帮助你。
安装方法:ctrl+shift+p->install->alignment
使用效果:(快捷键:ctrl+alt+a)
3. Docblockr
有时我们希望在一个函数的上面添加注释,但是通常需要一行一行地敲,而且还要注意换行和格式问题。 这款插件可以方便地像aptana一样提供便捷的注释。只需要在function上面键入” /**”,然后按一下tab件就可以搞定!
安装方法:ctrl+shift+p->install->docblockr
使用效果:
4. BracketHighlighter
提供快捷的小括号,花括号匹配功能。让你再也不用为找不到代码中嵌套逻辑的括号儿发愁了。
安装方法:ctrl+shift+p->install-> BracketHighlighter
使用效果:
5. 其他推荐
还有很多插件有待你去发掘,安装方法如上,这个不详述了。
- JS Format-快速js格式化内容
- JS Minifer 提供js压缩功能,基于GG的closure complier,快捷键:ctrl+alt+M
- jquery 提供jquery的一些snippets片段 ,方便直接调用
- ……
一些常用的快捷键汇总
- 搜索文件:ctrl+p
- 删除行:ctrl+shift+k
- 复制行:ctrl+shift+d
- 快速跳到某个函数:ctrl+R
- 跳转到指定行:CTRL + g
- 多处更改:选中文本之后,alt+f3
- 多行合并:ctrl+J,
- 注释和取消注释:ctrl+shift+/,
- 选择正行:ctrl+L 或 ctrl+down
- ……
一些经常用到的技巧:
建立工程
通过Project –> add Folder to Project创建一个工程
然后会得到一个左侧的目录面板,就可以正常编辑了
Remove 组件
通过ctrl+shift+p->remove->相应的组件名,可以删除已经安装的组件
无干扰编程
点击顶部View 菜单. 选择 “Enter Distraction Free Mode 或者 按下 Control + Shift + Command + F (MAC) / Shift + F11 (windows) 进入 Distraction Free Mode。可以安心全意的在全屏幕下编程,减少外界的打扰。
查找文件
方法:通过ctrl+p,可以直接查找文件project中的任何文件。比如要打开项目中的一个叫做index.html的文件,只需要输入index,则能得到:
你甚至可以只输入文件夹的首字母
- sublime_text.zip (1.6 MB)
- 下载次数: 24
- SourceCodePro_FontsOnly-1.010.rar (565.7 KB)
- 下载次数: 31
- ZenCodingCheatSheet.pdf (110.7 KB)
- 下载次数: 9
评论
Sublime Text 3:
import urllib.request,os; pf = 'Package Control.sublime-package'; ipp =
sublime.installed_packages_path(); urllib.request.install_opener(
urllib.request.build_opener( urllib.request.ProxyHandler()) );
open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen(
'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())
发表评论
-
sublime text 2使用心得汇总
2012-10-30 22:00 0突然之间,团队中就出现了一个新的工具。她来得很突然, ... -
发一个简单的可配置nginx方案
2012-07-26 19:05 1266nginx服务器的优点相信我就不用赘述了,它是完美的代理服务器 ... -
个人总结前端开发规范
2012-06-21 17:00 5286通用约定 文件与目录命名 一律小写, 必须是英文单 ... -
传说中的前端工程师技术图
2012-05-17 19:11 1148传说中的前端工程师技术图,真的很苦逼 -
dfasdfasdfasdf
2012-05-07 10:48 0<form action=""> ... -
dfasdfasdfasdf
2012-05-07 10:47 0<form action=""> ... -
test
2012-05-03 21:49 0<!DOCTYPE html PUBLIC &quo ... -
js中call和apply的用法
2012-04-06 16:57 1356说白了这两个方法可以像调用其他对象的方法一样调用函数。 先 ... -
javascript中this的用法
2012-04-06 16:30 1099this的用法分几种情况 1)如果调用this的functi ... -
jquery 中无法为window添加click事件的解决方法
2012-04-03 19:43 4518近期使用jquery编写插件的时候老遇到为window添加cl ... -
jquery 中无法为window添加click事件的解决方法
2012-04-03 19:39 2219近期写一个插件没注意又遇到使用$(widnow).click ... -
css3 控制文本超出后自动隐藏 属性
2012-03-31 16:54 1791首页,元素必须是定宽的,然后加入如下css代码: word- ... -
jQuery 脸部辨识
2012-02-29 14:00 1515jQuery 脸部辨识 jQuery的插件在照片上标识脸部并 ... -
【转】script标签中 text/javascript 和 application/javascript的区别
2012-02-03 11:56 2970js文件的mime类型为text/javascript,有时用 ... -
iScroll框架解析(翻译)附下载源码
2012-02-02 11:33 4815概要 iScroll 4 这个版本 ... -
CSS英文、中文换行与不换行
2012-01-19 12:22 1625结构: 1.Transshipment Book ... -
jquery ajax多次请求数据时 不刷新问题解决
2012-01-19 11:33 3818jquery的ajax在频繁请求数据,或者重复请求数据 ... -
firebug 的console调试对象API
2012-01-19 10:13 1291Console API 当打开 firebug ( ... -
aptana javascript中标注相同变量
2012-01-17 19:02 1252window-preference-aptana stuidi ... -
jquery实现新浪微博的表情插件
2012-01-17 17:30 8877特别提示:组件现在存在一些功能缺陷,就是只能在页面使用一次,第 ...
相关推荐
本资源提供了Sublime Text 2的中文版本,便于中国用户使用。以下是对Sublime Text 2及其使用方法的详细说明。 一、Sublime Text 2基础特性 1. 多选与多光标:Sublime Text 2支持同时进行多个选择,可以一次性修改...
**Sublime Text 2 for Linux:一款高效编程编辑器** Sublime Text 2 是一个广受欢迎的源代码编辑器,特别适用于Linux操作系统。它以其强大的功能、高效的性能和用户友好的界面,在开发者社区中赢得了极高的赞誉。...
本文将深入探讨如何在IntelliJ IDEA中实现Sublime Text 2/3的Monokai主题配色风格。 首先,Monokai是一种流行的暗色主题,以其清晰的对比度和对眼睛友好的颜色搭配而受到程序员的喜爱。在Sublime Text中,Monokai是...
Sublime Text 3是Sublime Text的最新版本,通常包含更多的更新和优化,而Sublime Text 2则是它的前一代产品。主题设计通常会针对这两个版本进行适配,确保在各个版本上都能正常工作并充分利用各自的特点。 “dempfi...
为了方便中国用户使用,出现了Sublime Text 2的汉化包,使得界面语言转换为简体中文,提升了用户体验。 汉化过程相对简单,只需几个步骤即可完成。首先,你需要下载对应的Sublime Text 2汉化包压缩文件。这个压缩包...
Sublime Text 2是一款广受开发者喜爱的轻量级、高度可定制的文本编辑器,以其高效、稳定和丰富的插件生态系统而闻名。这款编辑器适用于多种编程语言,包括但不限于HTML、CSS、JavaScript、Python等,是进行源码编辑...
Sublime Text 2是一款广受开发者喜爱的轻量级文本编辑器,以其高效、可定制性和丰富的插件库而闻名。这款编辑器支持多种编程语言...对于任何使用Sublime Text 2的人来说,了解并利用这些插件都是提高生产力的关键步骤。
在使用Sublime Text 2时,用户可以根据自己的需求安装各种插件,比如增强代码提示的Package Control、提高效率的SideBarEnhancements,或是美化代码显示的Monokai Theme。此外,Sublime Text 2支持多种编程语言,...
总的来说,Sublime Text 2 是一个功能丰富、高度可定制的代码编辑器,尤其适合前端开发者和Go语言使用者,它通过高效的编辑体验和强大的扩展能力,极大地提升了开发者的生产力。无论是代码编写、调试还是项目管理,...
本篇文章将详细介绍如何下载并安装Sublime Text 2的汉化包,以及使用过程中可能遇到的问题。 首先,我们需要获取到"sublime_text_v2_汉化"这个压缩包文件。这个文件包含了将Sublime Text 2的英文界面翻译成中文所需...
Sublime Text 2详细使用教程
下面将详细介绍Sublime Text 2的汉化过程及汉化包的使用方法。 首先,下载汉化包。在你获取的压缩包"Sublime Text 2 汉化包"中,通常会包含一个名为"Chinese (Simplified).sublime-package"或类似的文件,这是...
《使用SublimeText高效启动Cocos2dx3.0项目》 Cocos2dx是一款强大的跨平台游戏开发框架,而SublimeText则是一款备受开发者喜爱的文本编辑器,以其高效、轻便和丰富的插件系统著称。将两者结合,可以极大地提升Cocos...
本使用手册将深入探讨Sublime Text的各项功能,帮助用户全面掌握这款强大的工具。 一、界面与设置 1. **启动与界面**:启动Sublime Text后,你会看到简洁的界面,主窗口用于编写代码。通过`Preferences` > `...
总的来说,"Sublime Text 2中文包"是一个使非英语用户能够更轻松地使用这款强大编辑器的有效工具。通过简单的安装步骤,用户就能享受到中文界面带来的便利,进一步提升编程和文本编辑的工作效率。对于初次接触...
Sublime Text 2.3是一款备受开发者喜爱的文本编辑器,尤其在编程社区中享有高度赞誉。这款编辑器以其强大的功能、高效的性能和高度自定义的特性而闻名。以下是关于Sublime Text 2.3的一些关键知识点: 1. **代码...
Sublime Text 2是一款广受开发者喜爱的轻量级、高度可定制的文本编辑器,尤其在编程领域中被广泛使用。它以其优秀的代码高亮、自动完成、多选编辑和快捷键支持等功能,极大地提高了程序员的工作效率。下面将详细介绍...
**Sublime Text 2(2221)** Sublime Text 2 是一款广受欢迎的文本编辑器,专为程序员和开发者设计。它以其高效、轻量级和高度可定制的特点,深受用户喜爱。版本号2221是Sublime Text 2的一个特定更新,可能包含了...
Sublime Text 是一个文本编辑器(收费软件,可以无限期试用),同时也是一个先进的代码编辑器。Sublime Text是由程序员Jon Skinner于2008年1月份所开发出来,它最初被设计为一个具有丰富扩展功能的Vim。 Sublime ...