从notepad++ 到 sublime text2

来源:互联网 发布:windows 2008打开iis 编辑:程序博客网 时间:2024/05/21 13:21
原文地址:http://itersky.blog.163.com/blog/static/197177205201221295027179/

之前一直在用notepad++ coding,最近接触了sublime text2 ,感受匪浅,这里暂且做下记录,记录下我所深度试用过的两款编辑器的优劣,有一款得心应手的编辑器,coding起来真是享受。先说np++,这货是一个 台湾人做的开源的编辑器,已经许久不更新,界面也像win98时期的软件,不过软件本身够小,打开够快,这也是它的优点,列一下我常用的它的功能点吧(普 通编辑器都具备的功能就不列举了):

1. 括号或标签高亮匹配 (sublime也实现了,不过高亮得太不明显了,不过可以有插件辅助)

2. 代码折叠(效果有点坑爹,折叠后没有结束,无法整块删除,折叠在文件关闭再打开后也不能保存)

3. 上下文中与选择内容一致的高亮显示 (这特性极有用,在看上下文时)

4. 在任意行打标记,F2切换标记点(标记在关闭后再打开也不能保存)

5. 自动完成(NP++的自动完成算是比较坑爹的,系统自带两种方式,一种函数自动完成,用于一些js关键字等,另一个是词法自动完成,就是你上文输过的文字自动完成,这两种还不能共存!)

6. np++提供块级或单行注释的快捷键,不过如果在HTML文件里有JS代码,那么注释就不会智能转换了。

7. NP++对GBK的支持还是很好的,自带编码转换功能

8. zencoding,这是一个插件,在很多编辑器里都有,方便输入html css等

9. NP++本身不带explore,装了插件后可以实现

10. NP++有FTP插件,这工具对于有自己空间需要管理的人来说,很是方便

11. 还有JSHINT,Compare等插件,但插件质量总不是太完美

以上大概就是我常用到的NP++功能,功能不多,算是比较纯粹的编辑。

- – - – - – - – - – - – - – - – - – - – - – - – - – - – - – - – - – - – - – - – - – - – - – - – - – - – - – - – - – - – - – -

下面介绍下sublime text2(点这官网下载) ,这几天深度试用中,对各种编辑辅助功能,语法高亮,快捷键,snippet,插件都有大致的了解,列下各个细节功能点吧:

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

2. 文件快速导航: 这是sublime上面很好用的功能之一,ctrl+p可以调出窗口,菜单上的解释是goto anythings ,确实如其所言,调出窗口后,直接输入关键字,可以在已打开的项目文件夹中进行快速文件名导航,而且支持模糊搜索 ,对于不想一直鼠标点开文件夹的同学来说极为方便,并且在该窗口里加上:前缀即为行跳转(ctrl+G),加上@(ctrl+R)前缀在html里是id 关键字导航,css里是每条规则导航,js里则是每个function导航。

3. 命令行模式 ctrl+` 可以调出命令行模式,主要支持python语法等,没试用过只知 quit()可以退出 。。不过sublime的插件平台package controller可以用命令行安装,详见这里

4. ctrl+up, ctrl+down可以一行一行的滚动屏幕,pageUp pageDown一页一页翻动

5. ctrl+j是拼合两行,ctrl+shift+d是直接复制当前行,

6. ctrl+/ 单行注释, ctrl+shift+/块注释,sublime会自动根据语言选择注释方式

7. ctrl+L 选择当前行,ctrl+d 选择当前文字块,ctrl+shift+a 可以HTML标签内容,每按一次逐级往上, ctrl+shift+space可以选择js等语言里的块{内容}, ctrl+shift+F 是文件夹里查找,与普通编辑不同的地方是sublime允许添加多个文件夹进行查找(add directory)

8. 在 菜单View-syntax下可以将当前面面以指定的语言进行语法高亮,通常情况下sublime会自动进行判断选择

9. ctrl+F2可以进行标记,然后F2在标记之间切换,这里不爽的是无法进行鼠标添加标记

10. snippets 代码片段插件 ,在tools-snippets菜单下可以查看当前页面支持的snippets,可以在缩略词后加tab自动补全snippets, snippets也可以从安装插件进行扩展

11. Build编译,可以进行ruby等代码的编译,我安装了一个yui compressor后,就可以在css js页面里进行压缩,快捷键是ctrl+B, 会自动在当前目录下生成xx.min.js, xx.min.css等压缩文件

12. 在菜单Preferences 下面是各种配置文件,sublime与其他编辑器不同的是,他不提供可视化配置,软件的配置及快捷键配置全都是存在.xml文件里手动配 置,Settings-default 是系统默认配置,最好不要改,要改动的东西存放 在Settings-User里,比如font-size等, Key-bindings是快捷键配置, color scheme是代码配色方案选择,sublime本身提供了很多很不错的配色方案

接下来介绍一下sublime的亮点,插件机制:
sublime插件可以通过两种方式进行插件安装,一种直接下载所有源码放置到C:\Users\yourName\AppData\Roaming \Sublime Text 2\Packages下面,另一种则可以通过在线安装 package control的方式进行在线安装,
package control安装见其官网,就是在控制台里运行如下一段代码,再重启即可:

[隐藏代码]
import urllib2,os; pf='Package Control.sublime-package'; ipp=sublime.installed_packages_path(); os.makedirs(ipp) if not os.path.exists(ipp) else None; urllib2.install_opener(urllib2.build_opener(urllib2.ProxyHandler())); open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read()); print 'Please restart Sublime Text to finish installation'

安装完即可在菜单preferences-package control下打开(这里有个快捷键ctrl+shift+p是编辑器操作的命令集合,可以直接根据关键字索引,省却菜单栏寻找的过程),在 package control下 Install Package是安装插件,选择后会连网获取插件列表,disabled package 是禁用某插件,enabled package 启用插件,remove package 移除插件,list package列出插件列表。

下面介绍几个我觉得比较有用的插件,及它的功用吧(安装方法直接package control install 在线搜索安装):
1. BracketHighlighter :该插件提供配对标签,或大括号或字符引号的配对高亮显示,算是对系统高亮的加强吧。

2. ClipboardHistory: 该插件提供多剪贴板支持,你就可以同时保存多个剪贴板里的内容了,ctrl+alt+v快捷键调出

3. DocBlockr :该插件提供文件注释,方便后期根据注释生成API文档,输入 “/**” + enter调出

4. GBK Encoding Support: sublime本身不支持GBK,根据国情,装下这个插件就可以支持GBK了,同时也提供GBK与UTF之间转换

5. jquery 提供jquery的一些snippets片段 ,方便直接调用

6. JS Minifer 提供js压缩功能,基于GG的closure complier,快捷键:ctrl+alt+M

7. js Format 提供JS格式化功能,快捷键 ctrl+alt+F

8. prefixr 提供CSS3属性的浏览器前缀自动填充像-webkit- -moz- -o- -m-, 快捷键:ctrl+alt+x

9. yui compressor 这个大家都知道yui的压缩工具,可以压缩CSS JS,直接CTRL+B,即可

10. sublime v8 该插件提供jshint 及 v8引擎的js解析器console,jshint是JS语法校验器,较严格, v8则跟chrome里控制台一样。

11. zenCoding 大名鼎鼎的zencoding就不用多解释, 调用方式两种,一种是ctrl+alt+enter, 一种是输入完标签直接tab。

12. html5 该插件提供许多 html5相关的标签等snippets,也非常实用。

暂时就以上这些体验,日后再有新的东西再更新。。


原创粉丝点击