关注前端开发
关注用户体验

Sublime Text 使用介绍、全套快捷键及插件推荐

开篇:如果说Notepad++是一款不错Code神器,那么Sublime Text应当称得上是神器滴哥。Sublime Text最大的优点就是跨平台,Mac和Windows均可完美使用;其次是强大的插件支持,几乎无所不能。

开始使用Sublime Text:

Sublime Text有Dev版本,推荐使用,下载地址,一般推荐下载便携版本(Portable version),这样拿来拿去很方便,也不用安装,而且插件和主体在一个目录下,便携。

相关阅读:

Sublime Text快捷键:

  • Ctrl+Shift+P:打开命令面板
  • Ctrl+P:搜索项目中的文件
  • Ctrl+G:跳转到第几行
  • Ctrl+W:关闭当前打开文件
  • Ctrl+Shift+W:关闭所有打开文件
  • Ctrl+Shift+V:粘贴并格式化
  • Ctrl+D:选择单词,重复可增加选择下一个相同的单词
  • Ctrl+L:选择行,重复可依次增加选择下一行
  • Ctrl+Shift+L:选择多行
  • Ctrl+Shift+Enter:在当前行前插入新行
  • Ctrl+X:删除当前行
  • Ctrl+M:跳转到对应括号
  • Ctrl+U:软撤销,撤销光标位置
  • Ctrl+J:选择标签内容
  • Ctrl+F:查找内容
  • Ctrl+Shift+F:查找并替换
  • Ctrl+H:替换
  • Ctrl+R:前往 method
  • Ctrl+N:新建窗口
  • Ctrl+K+B:开关侧栏
  • Ctrl+Shift+M:选中当前括号内容,重复可选着括号本身
  • Ctrl+F2:设置/删除标记
  • Ctrl+/:注释当前行
  • Ctrl+Shift+/:当前位置插入注释
  • Ctrl+Alt+/:块注释,并Focus到首行,写注释说明用的
  • Ctrl+Shift+A:选择当前标签前后,修改标签用的
  • F11:全屏
  • Shift+F11:全屏免打扰模式,只编辑当前文件
  • Alt+F3:选择所有相同的词
  • Alt+.:闭合标签
  • Alt+Shift+数字:分屏显示
  • Alt+数字:切换打开第N个文件
  • Shift+右键拖动:光标多不,用来更改或插入列内容
  • 鼠标的前进后退键可切换Tab文件
  • 按Ctrl,依次点击或选取,可需要编辑的多个位置
  • 按Ctrl+Shift+上下键,可替换行

Sublime Text 设置:

  • Setting User
    以下是浩子使用的

    {
    	"font_face": "courier new",
    	"font_size": 9.0,
    	"highlight_line": true,
    	"scroll_past_end": false,
    	"tab_size": 4,
    	"theme": "Soda Dark.sublime-theme",
    	"word_wrap": true
    }

Sublime Text插件:

建议先启用Package Control,作用是安装插件时很方便,启用方法:菜单栏 – View – Show Console,贴入以下代码并回车,然后重启Sublime。如果你所在的网络无法启用,则无法使用,手动搜索下载去吧(话说你的网也被封了?)。

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())

开始安装一些非常实用的插件吧,Ctrl+Shift+P(菜单 – Tools – Command Paletter),输入 install 选中Install Package并回车,输入或选择你需要的插件回车就安装了(注意左下角的小文字变化,会提示安装成功),安装其它插件也是这个方法,非常快速。

  • ZenCoding
    不得不用的一款前端开发方面的插件,Write less , show more.安装后可直接使用,Tab键触发,Alt+Shift+W是个代码机器。
  • Alignment
    代码对齐,如写几个变量,选中这几行,Ctrl+Alt+A,哇,齐了。
  • Prefixr
    写 CSS可自动添加 -webkit 等私有词缀,Ctrl+Alt+X触发。
  • Tag
    Html格式化,右键Auto-Format Tags on Ducument。
  • Clipboard History
    剪贴板历史记录,显示更多历史复制,Ctrl+Shift+V触发。
  • SideBarEnhancements
    侧栏右键功能增强,非常实用
  • Theme – Soda
    完美的编码主题,用过的都说好,Setting user里面添加”theme”: “Soda Dark.sublime-theme”
  • GBK to UTF8
    将文件编码从GBK转黄成UTF8,菜单 – File里面找
  • SFTP
    直接编辑 FTP 或 SFTP 服务器上的文件,绝对FTP浮云
  • WordPress
    集成一些WordPress的函数,对于像我这种经常要写WP模版和插件的人特别有用
  • PHPTidy
    整理排版PHP代码
  • YUI Compressor
    压缩JS和CSS文件
未经允许不得转载:大前端 » Sublime Text 使用介绍、全套快捷键及插件推荐
分享到:更多 ()

评论 56

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #31

    “font_size”: 9.0,
    这个不会太小吗?

    sampson3年前 (2014-04-29)回复
    • 不会,至少我觉得不会,因为这样可以一眼看很多代码

      浩子3年前 (2014-05-03)回复
  2. #30

    建议把ZenCoding的推荐换成Emmet

    Advice3年前 (2014-02-21)回复
  3. #29

    不错哦http://fmwei.com

    fmwei.com3年前 (2014-01-09)回复
  4. #28

    :roll: 看着好厉害的样子!

    微Fan4年前 (2013-11-29)回复
  5. #27

    请教”Ctrl+Alt+/:块注释,并Focus到首行,写注释说明用的” 这个在哪设置的?我用Ctrl+Alt+/没反应

    WEI4年前 (2013-09-22)回复
    • 抱歉,这个是Ctrl+Shift+/

      浩子4年前 (2013-09-24)回复
  6. #26

    一直在用sublime text,加上emmet,写代码太爽了。

    萨龙龙4年前 (2013-09-06)回复
  7. #25

    最近正在过渡到这款编辑器,目前感觉还不错,感谢分享

    cafestop4年前 (2013-06-23)回复
  8. #24

    非常之好,只需要.感謝分享

    V4年前 (2013-05-29)回复
  9. #23

    之前用过,不过老感觉有点小卡,后面就没怎么用了。但不得不承认这是我见过最强大的文本编辑工具

    切梦刀4年前 (2013-04-07)回复
    • 有人说,Emacs才是最强大的神器!

      Daisy4年前 (2013-05-30)回复
  10. #22

    ctrl + x 不是删除当前行,是剪切当前行,可以复制回去。

    潜行者m4年前 (2013-03-31)回复
  11. #21

    学习啦啦~~哈哈 :mrgreen: alert("能插入代码?");

    隋菲菲5年前 (2012-12-19)回复
  12. #20

    一直使用dw,zen-coding是必备插件,其他的木有听说过。。 ❓

    Rain5年前 (2012-12-18)回复
  13. #19

    VIMer笑而不语…

    may5年前 (2012-12-12)回复
  14. #18

    jquery插件貌似用不了~别的都挺好的。

    jiangtao5年前 (2012-12-07)回复
  15. #17

    好文章啊,特别是主题,很合我的胃口,之前一直也是用的sublime,可是没找到这么个主题。不过这个YUI Compressor貌似还是得用命令行去压缩啊,没法设个快捷键自动就压缩当前文件的

    水中月明5年前 (2012-12-07)回复
  16. #16

    看来是很出名的一款编辑器,值得入手啊,我现在在用NetBeans做的php开发,感觉很不错,字体使用YaHei Consolas Hybrid 14感觉很漂亮

    编程路上5年前 (2012-12-04)回复
  17. #15

    原来都是写代码啊,不太懂啊

    YY5年前 (2012-12-04)回复
  18. #14

    一直用notepad++,st2真用不习惯

    云淡然(博客)5年前 (2012-12-03)回复
  19. #13

    此页代码溢出了……

    可乐泡咖啡5年前 (2012-12-03)回复
    • 火狐吧,在线代码高亮的在火狐下溢出,chrome就不会

      assingle5年前 (2012-12-03)回复
      • 是有这么个问题,已经解决了

        浩子5年前 (2012-12-03)回复
  20. #12

    ZenCoding 改名字了, 出官方的st2插件版本了, 听说是作者自己写的. 不过我st的ZenCoding插件还没换呢.

    西门不吹雪5年前 (2012-12-03)回复
  21. #11

    我没用过这个软件

    山寨吧5年前 (2012-12-01)回复
  22. #10

    如果想打开,不打开上次打开的文件 怎么设置呢

    fengbjhqs5年前 (2012-11-30)回复
    • Ctrl+Shift+W 就行了,关闭所有打开的文件

      浩子5年前 (2012-12-02)回复
      • 错了, 是在配置文件里改的 “remember_open_files”: false

        mrxue4年前 (2013-05-27)回复
  23. #9

    这个肯定是不错的

    cpublic5年前 (2012-11-30)回复
  24. #8

    :mrgreen: 自从用了ST2,就抛弃了各种以往的IDE

    Sking5年前 (2012-11-28)回复
    • 我也是,代码编写全部交给了

      xiaowang4年前 (2013-04-03)回复
  25. #7

    嗯 好东西 一定记得这些快捷键~~

    大学生论文5年前 (2012-11-28)回复
  26. #6

    ZenCoding已经改名了~

    neverno5年前 (2012-11-28)回复
  27. #5

    确实要比note要强上不少

    大发5年前 (2012-11-28)回复
  28. #4

    一直在用Notepad++,试试看你推荐的这款软件。感谢分享

    建站网5年前 (2012-11-28)回复
  29. #3

    ST2的多选太爽了~批量修改不再蛋疼 :mrgreen:

    独自流浪5年前 (2012-11-27)回复
    • 同感,这也是ST无可替代的原因,之前经常用正则,麻烦多了

      xiaowang4年前 (2013-04-03)回复
  30. #2

    :mrgreen: 我是来抢沙发的……

    linxz5年前 (2012-11-27)回复
    • 沙发木有了,那娃比你快一点点 😮

      浩子5年前 (2012-11-28)回复
    • 貌似是《css那些事》的作者???

      Lvtu5年前 (2012-12-02)回复
      • 哪位是《css那些事》的作者?

        ovial4年前 (2013-07-22)回复
        • 小志。。。。

          Lvtu4年前 (2013-07-22)
  31. #1

    写的好~~~~~~~~~~~~~准备装插件“““““`

    宇轩5年前 (2012-11-27)回复

themebetter 国内更好的WordPress主题服务商

立即前往