为了账号安全,请及时绑定邮箱和手机立即绑定
首页 手记 Sublime Text3使用总结

Sublime Text3使用总结

2015.09.09 15:37 24738浏览

写在前面的话:平时做项目中在用eclipse和vs,但是对于一些小项目,感觉没有必要搞那么大的一个工具使用,比如写个小微商城,搞个小脚本了什么,所以就一直在用Sublime Text,界面清新简洁,没有多余的令强迫症用户抓狂的点,所以今天也简单总结一下我使用过程中用的最多的一些小技巧,分享给大家。

一、Sublime Text2 or Sublime Text 3?

虽然两者用起来差不多,但还是用最新版本吧,虽然是beta版,但是毕竟也有了一些更新,比如界面UI的一些小的变化,安装的package文件也是直接安装在了sublime text3文件夹里面,而不是安装在C盘的其他目录,同时也是一个绿色版本,一些配置也能够方便备份保留。

二、Sublime Text3是绿色版的,如何添加到右键菜单,可以快速使用Sublime Text3打开?

(1)cmd命令中运行:regedit,打开注册表。

(2)依次找到HKEY_CLASSESS_ROOT->*->Shell,下面新建项,命名为Edit with Sublime Text3

(3)在项“Edit with Sublime Text”下新建字符串值,命名为Icon,值为“C:\Program Files\Sublime Text Build 3065\sublime_text.exe,0”,其中黑色地址为 Sublime Text程序文件地址。

(4)在项“Edit with Sublime Text”下新建项Command,该Command项下默认值修改为“C:\Program Files\Sublime Text Build 3065\sublime_text.exe,1”。

图片描述

(5)设置完成后,无需重启电脑,就可以在右键菜单中,显示Edit with Sublime Text3。

图片描述

三、Sublime Text3基本界面等参数设置?

Sublime Text3默认界面设置配置文件在Preferences---->Settings-Default

图片描述

我们可以通过在Settings-User配置文件中增加值来覆盖Setting-Default中的设置值,设置值的格式可以参看Setting-Default配置文件中设置,例如下面我设置的字体大小、行高亮显示和侧边栏文件夹图标加粗。设置完成后Ctrl+S保存后,无需重启Sublime Text3即可立即生效。

图片描述

四、Sublime Text3常用快捷键?

有很多快捷键是和操作系统一致的,也有很多很有意思的其他快捷键操作,默认的快捷键设置在Preferences--->Key Bindings-Default中,里面可以查到所有的快捷键,同样可以在Key Bindings-User中,重新设置新的值,来覆盖默认设置。下图是我自定义设置的两个快捷键。

图片描述

下面把我常用的一些快捷键总结如下:

(1)格式化代码: alt+shift+f 自己设置的,选择代码后按此快捷键可以格式化代码。

(2)折叠代码: ctrl+shift+[ 自己设置的,可以折叠方法里面的代码,当一个类文件中方法比较多时,可以使用。

(3)打开刚刚关闭的窗口:ctrl+shift+T 默认设置。

(4)全屏显示:F11 默认设置。

(5)免打扰全屏显示:Shift+F11 默认设置,比F11显示的更大。

(6)多处选择相同的词: Ctrl+D,回退选择Ctrl+U 默认设置,非常有用,可以试试。

(7)取消窗口显示:ESC 默认设置,比如当我们Ctrl+F搜索时,底部会有搜索框,由于找不到上面关闭×,因此按下ESC,就可以很容易关闭了。

(8)在代码上面新增一行:Ctrl+shift+Enter 默认设置

(9)逐词移动:Ctrl+左右键 默认设置,直接按左右键是一个字母一个字母的移动。

(10)显示类和方法提纲: Ctrl+R 默认设置,可以很容易知道一个类中都有哪些方法。

(11)显示n个窗口: alt+shift+1,或者2,3...显示n个窗口,例如写css的时候,可以一个窗口开html,一个窗口开css.

五、Sublime Text3一些有意思的插件?

Sublime Text3有很多有意思的插件,可以方便我们的编码,但是插件不应该泛滥使用,否则的话,还不如用IDE呢。为方便插件的安装和管理,第一个应该安装的插件,其实就是包管理插件,Package Control,这样以后安装插件就方便多了。  

1.Package Control插件安装:

1)选择Sublime Text3菜单栏的View--->Show Console,底部出现Console框。

2)将下面代码输入Console框中,按回车,等待安装成功即可。  

import urllib.request,os,hashlib; h = 'eb2297e1a458f27d836c04bb0cbaf282' + 'd0e7a3098092775ccb37ca9d6b2e4b7d'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)

3)安装成功后,之后安装别的包,直接按下快捷键Ctrl+Shift+P,输入install,即可安装包;输入remove即可删除已经安装的包。

图片描述

2.折叠状态保留插件:BufferScroll

前面我们设置了折叠代码的快捷键,但是每次重启Sublime Text3或者重新打开页面后,折叠状态就会消失,安装完成此插件后,代码折叠状态就能够保留了。安装方法如下:按下Ctrl+Shift+P-->输入install,选择Install Package-->输入BufferScroll,安装即可。

六、Sublime Text3配置X-debug断点调试PHP代码?

Sublime Text3写js、css和html挺好用的,写php也非常舒服,虽然调试PHP用别的软件比较好,但是感觉用习惯Sublime Text3了,因此也想办法为它设置完成调试功能,对于调试一般小的项目,足够了。设置步骤如下:

1.为PHP配置x-debug插件

1)新建一个php文件,写一个方法phpinfo(),在浏览器中运行,右键查看源代码,将html代码复制进剪切板。

图片描述

2)打开网址,将前面复制的html源代码粘贴到该网站文本框内,点击Analyse my phpinfo() output

图片描述

3)按照分析结果说明,安装合适的x-debug插件,直至安装成功。

图片描述

4)修改php.ini文件,增加一下代码:

xdebug.remote_enable=1
xdebug.remote_handler=dbgp
xdebug.remote_host=127.0.0.1
xdebug.remote_port=9000
xdebug.remote_log="C:\Program Files\PHP\xdebuglog\xdebug.log"

其中xdebug.remote_log配置xdebug日志文件地址,可以设置成自己想要的地址。

5)重启Apache或其他在用的Web Server。

至此,为php配置x-debug插件成功。

2.配置Sublime Text3 x-debug插件

1)按下Ctrl+Shift+P-->输入install,选择Install Package-->安装Xdebug client。

2)选择Sublime Text3菜单栏:Tools--->Xdebug--->Settings--->User自定义设置调试信息,其中Settings--->Default是Xdebug默认的配置文件。(同Sublime Text3软件类似,插件也有自己默认的配置文件和供用户自定义设置的配置文件)

图片描述

3)Settings-User配置增加配置信息如下:

图片描述

其中launch_browser设置为true,那么调试时,会打开浏览器;close_on_stop设置为true,那么调试结束时,可以关闭不必要的显示的调试窗口;url设置调试入口地址,当按下调试按键时,直接就会跳入该入口地址。 

至此,就可以使用x-debug进行调试了,但是如果觉得使用Xdebug默认的快捷键不方便,那么可以设置自己想要的快捷键。设置方法见下面。

4)自定义调试快捷键

由于Xdebug没有自己的快捷键自定义配置文件,因此我们在Sublime Text3软件快捷键配置文件中进行设置。打开菜单栏Preferences--->Key Bindings-User,新增如下代码:

图片描述

其中的快捷键是Xdebug默认的,修改成自己喜欢的快捷键就行了,例如与vs或者eclipse一致。

至此,Sublime Text3基本设置就好了,设置的差不多,就去安心的写代码吧。

作者:快跑小乌龟
文章源自:http://www.cnblogs.com/wuguanglei/p/4286550.html

相关文章

1.Sublime Text 3实用功能和常用快捷键收集

2.一些必不可少的Sublime Text 2插件和扩展

3.Sublime Text 3使用心得

相关课程

1.快乐的sublime编辑器

2.前端开发工具技巧介绍—Sublime篇

点击查看更多内容
40人点赞

若觉得本文不错,就分享一下吧!

评论

相关文章推荐

正在加载中
Web前端工程师
手记
粉丝
2491
获赞与收藏
5.3万

关注TA,一起探索更多经验知识

作者相关文章
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消