注册 登录  
 加关注
查看详情
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

ㄨiao愛

转载技术文档

 
 
 

日志

 
 

前端工具——编辑器之Sublime Text 2  

2012-08-24 15:25:00|  分类: 其它 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
http://www.html5jscss.com/editor-sublimetext2-25.html

欲先善其事,必先利其器,如题。本人用Notepad++已经有一年之久,距离上次介绍Notepad++也不到一个月时间,今天介绍另外一款编辑器,比Notepad++年轻许多的Sublime Text 2。虽然偶尔会弹框让你去购买,但是不用担心Sublime Text 2基本上是共享软件,不购买也可以完整使用,只是有时候保存的时候会提示你购买,取消就可以了。

前端工具——编辑器之Sublime Text 2

Sublime Text 2界面

看界面是不是很酷,注意到右边没有滚动条,取而代之的是代码缩略图,很赞!

编辑器用着顺手就行,毕竟写代码记事本也可以搞定,编辑器只是能提高你coding的速度,提高工作效率,增加堆码的乐趣。Sublime Text 2最近很火,就算不用,也看看研究研究到底为啥那么火。

好了,下面我介绍Sublime Text 2 (官网下载) 这几天来对其各种编辑辅助功能,快捷键,插件的大致了解。以后还会持续更新。。。

Sublime Text 2 功能摘记

快如闪电的文件切换:

按Ctrl + P, 键入您要访问的文件的名称(模糊匹配), 然后, 按下Enter,该文件立刻会被打开,迅速且快捷。而且功能原为如此,正如菜单上的解释goto anythings 。

调出该窗口后加上@(或是Ctrl+R)在html里是id关键字导航,css里是每条规则导航,js里则是每个function导航;

调出该窗口后后加上 # 可以在当前文件中进行搜索;调出该窗口后后加上 : (或是Ctrl+G)加上数字可以跳转到相应的行;

项目文件夹浏览:

Sublime Text 2 不同于notopad++,它是基于项目管理,侧边栏可以导入正在开发的项目文件夹,(ctrl+k,ctrl+b)快捷键可以开关侧栏(ps: 这里逗号分隔的两个快捷键代表按下ctrl的同时先按K再按B,这种方式大大增加了快捷键的使用有效率),同时右键菜单里可以remove folder移除文件夹

多重选择(Multi-Selection):(快捷键windows版 下的)

  • Ctrl+L :选择整行(按住-继续选择下行);
  • Ctrl+D :可将全文中与光标当前所在位置的词相同的词逐一加入选择;而直接按下 Alt+F3即可一次性选择所有相同的词;
  • Ctrl+Shift+A :选择光标位置父标签对儿 ;
  • ALT+ Shift + w 标签包围选区(安装 zen coding 之后更好用);
  • Ctrl+M :光标移动至括号内开始或结束的位置;
  • Ctrl+Shift+M :选择括号内的内容(按住-继续选择父括号);
  • Ctrl+shift+space可以选择js等语言里的块{内容}

Sublime Text 2亮点:插件

Sublime Text2支持用python开发插件,并且当前已经有很多插件可供使用了。

Sublime插件可以通过两种方式进行插件安装

  1. 通过在线安装 package control的方式进行在线安装,首先按快捷键 Ctrl+Shift+p 或者点击 Tools → Command Palette 调出控制台Console,将以下代码复制粘贴进命令行后回车:
    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())      
    Sublime Text2在线安装 package control代码

    重新启动Sublime Text 2,如果在Preferences → Package Settings 中看到 Package Control 这一项,就说明安装成功了。

  2. 直接下载所有源码,然后放置到 安装目录\Data\Installed Packages下面。

package control安装完成后,以后装插件之需要以下三步安装法

  1. 按快捷键 Ctrl+Shift+p 或者点击 Tools → Command Palette 调出控制台Console;
  2. 输入 install 调出 Package Control:Install Package 选项,并回车;
  3. 输入 插件名称 选中后回车即可安装(有时 package control 会被墙 导致安装失败);

Sublime Text 2插件

  • DetectSyntax
    代码检测,否则可能无法正确检测文件的语法插件
  • Prefixr
    提供CSS3属性的浏览器前缀自动填充像-webkit- -moz- -o- -m-, 快捷键:Ctrl+ALT+x
  • Alignment
    整齐的代码,选中文本进行对齐操作了 快捷键:Ctrl + Shift + a
  • BracketHighlighter
    配对标签,或大括号或字符引号的配对高亮显示
  • ClipboardHistory
    粘贴板历史记录,方便使用复制/剪切的内容 快捷键:Ctrl + Shift+v
  • zenCoding
    不解释,快捷键 tab
  • SublimeCodeIntel
    代码智能提示,自动显示实时可用的模块,支持js、php等。
  • jQuery
    jquery的一些片段
  • html5
    提供许多 html5相关的标签等片段
  • JSMinifer
    提供js压缩功能,基于GG的closure complier,快捷键:Ctrl + ALT+M
  • jsFormat
    提供JS格式化功能,快捷键 Ctrl+ALT+F
  • SublimeLinter
    一个支持lint语法的插件,可以高亮linter认为有错误的代码行,也支持高亮一些特别的注释,比如“TODO”,这样就可以被快速定位。
  • GBK Encoding Support
    GBK与UTF之间转换
  • Hex to HSL Color Converter
    自动转换颜色值,从16进制到HSL格式,快捷键 Ctrl+Shift+U
  • DocBlockr
    在JS函数上方输入/**、回车,doc就生成好了,还可以按tab在各项移动。 快捷键:“/**” + enter
  • cTags
    Ctags官网下载压缩包,然后把cTags添加到系统变量里去,接着插件三步安装法,安装完成后安装完之后,在项目的当前目录下按ctrl + t, ctrl + r,生成.tags的文件。当光标停留在某个函数上时,按快捷键 ctrl+t, ctrl+t就可以打开函数所在的文件,并跳转到相应的位置了。
  • SideBarEnhancements
    加强在侧栏目录树中右键的选项。
  • SFTP
    提供ftp服务器管理,用来管理自己的空间很不错,通过配置来操作
  • yui compressor
    yui的压缩工具,可以压缩CSS JS,快捷键 CTRL+B(需要安装配置了jdk之后才可用)
  • Git
    实现了Git的所有功能
  • KeymapManager
    管理所安装插件的快捷键,快捷键Ctrl + ALT + k 或者通过顶部菜单 View -> Keymap Manager

Sublime Text 2快捷键摘记(快捷键windows版 下的)

  • Ctrl+↑/↓可以一行一行的滚动屏幕,pageUp pageDown一页一页翻动
  • Ctrl+Shift+UP:与上行互换,Ctrl+Shift+DOWN:与下行互换
  • Ctrl+j:是拼合两行,Ctrl+Shift+d:是直接复制当前行,
  • Ctrl+/ :单行注释, Ctrl+Shift+/:块注释,Sublime Text 2会自动根据语言选择注释方式,(不像notepad++)
  • Ctrl+Shift+F:是文件夹里查找,与普通编辑不同的地方是Sublime Text 2允许添加多个文件夹进行查找(add directory)
  • Ctrl+KK:从光标处删除至行尾;Ctrl+Shift+K :删除整行
  • Ctrl+KU :改为大写Ctrl+KL :改为小写
  • Alt+.
    闭合当前标签
  • Ctrl+Shift+[:折叠代码,Ctrl+Shift+]:展开代码
  • Ctrl+U:软撤销
  • Ctrl+T:词互换
  • Shift + F11:整个屏幕只有编辑器啦!老板我在专心工作!
  • zen coding快捷键:ctrl + shift + , 向前选择标签或属性;ctrl + shift + . 向后选择标签或属性
  评论这张
 
阅读(847)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018