Sublime Text 3 绝对神器

Sublime Text 3 绝对神器

2014-01-18 22:10:15cnblogs.com-bananaplan-点击数:21535

  距第一篇的开箱水文,已经有4个月的时间了,但因为懒,就没有下文了。终于,今天,我觉得写一篇准技术文章了。

  忘记了是怎么开始用的ST,应该是在网上看到别人推荐才用到吧,用了有半年了。在windows下是绝对的神器,Notepad++之类的无可比拟;linux下,因为有个vim,鄙人对vim不懂,所以孰好孰更好,不好说。总结起来就是,神器一般的轻量级的面向php、python等开发者的文本编辑器,相当灰常不错,推荐给你。

  我主要用它来写PHP,真是相当的好用。在写python方面可能也挺好用;写ruby不知道情况怎么样,有没有用它来写的。总之,ST比较适合写一些脚本语言,至于像C#,Java等还是用传统经典的IDE吧。

一、安装Sublime Text 3

  官网 http://www.sublimetext.com/3

  一定要选择ST3,而不是ST2,3比2好用,真的,后面你就知道了。

  选择对应的版本安装。完事后,要安装一个基础的、必备的包管理:Package Control,用来以后安装插件用的。

  Package Control安装

  安装指导  https://sublime.wbond.net/installation

  

  打开ST3,点击菜单 View -> Show Console,会在底部出现一个命令输入框,然后将上面的命令拷贝到输入框中,回车,等待,安装成功。

二、插件安装

  经过上面安装了Package Control后,我们就可以通过快捷键 Ctrl+Shift+P 打开Package Control来安装插件了。在打开的输入框中输入 install ,会根据你的输入自动提示,选择 Install Package。

  

  等待,然后又会弹出一个输入框,让你输入你要安装的插件。

  

  我们要安装支持UTF8编码的一个插件,只需要在输入框中输入convert,自动匹配后,选择 ConvertToUTF8 插件,回车,等待,安装完毕,这样,ST就支持UTF-8编码了。

  我以为必装的插件

  (主要针对PHP开发,其他语言大部分通用,请读者自行选择)

  1、ConvertToUTF8  支持UTF-8编码的插件

  2、Bracket Highlighter  用于匹配括号,引号和html标签。对于很长的代码很有用。安装好之后,不需要设置插件会自动生效

  3、DocBlockr  DocBlockr可以自动生成PHPDoc风格的注释。它支持的语言有Javascript, PHP, ActionScript, CoffeeScript, Java, Objective C, C, C++

  4、Emmet(Zen Coding)  快速生成HTML代码段的插件,强大到无与伦比,不知道的请自行google

  5、SideBar Enhancements  这个插件改进了侧边栏,增加了许多功能

  6、Themr  主题管理,切换主题的时候,不用自己修改配置文件了,用这个可以方便的切换主题

  请参考  http://www.ladyloveit.com/sublime/developers-commonly-used-10-sublime-text-plugin

  

三、通用快捷键

  了解并熟练掌握快捷键,才能让你有健步如飞的赶脚,so,下面我们了解一下ST有哪些好用的快捷键操作,此处只讲我平时开发时常用的,完整的快捷键操作请读者自行google。

  1、Ctrl+Shift+P

    打开Package Control,上面已经介绍过了。这里还有个技巧,此技巧在下面的各种地方都能用的上,就是ST支持模糊匹配。比如,你想找Install Package,你在 Package Control 的输入框中install,可以自动匹配到Install Package,也可以简单的输入ip,也能匹配到它,这种模糊匹配的功能很方便。

  2、Ctrl+P

    根据文件名打开文件。比如你想打开login/func/funtion.php,你只要在输入框中输入login/func/funtion.php即可,也可以用模糊匹配,如login/function等,模糊匹配还是自己去体验吧。

    

  3、找到了我们要查看的源码文件后,想找函数方法怎么办?

    Ctrl+R

    

    输入log,能找到所有名带log的方法,输入loginout,则能定位到loginout()。

    大家可能会注意到,Ctrl+R后,在输入框中会自动有一个@,这就是要匹配方法的意思。那么,除此之外,还有些有用的匹配符号,就一并说了。

    定位到行,Ctrl+G,或Ctrl+P后,在框中输入:行数,如:58,则要跳转到58行去。

    查找标识,Ctrl+P后,#标识。

  4、学会了以上快捷操作,基本上能玩得转ST了,能用ST写PHP不成问题了,在各个文件中切来切去,快速跳到方法,都很爽了。但想用的更爽,更顺滑,如丝般赶脚,还看下面

    多处同步编辑,Ctrl+D,此功能我常用,很好。

    当你想同时修改多个相同代码的时候,比如,将

    $user[‘name‘] = ‘bananaplan‘;

    $user[‘age‘] = 28;

    $user[‘desc‘] = ‘弟要永远的28岁‘;

    中的user统一改成member,可以双击选中user,然后Ctrl+D,会向下连选user,重复,直到你满意的位置,然后就可以统一编辑了。

      ---->  

    有人说了,切,这算什么,完全可以用查找替换呀,是的,查找替换是可以实现,但我脚着这种方式更直观一些,而且不易出错。正所谓,英雄所见,各有不同,请看官自斟。

    其实,除了用Ctrl+D快捷键的方式,还有用鼠标的方式实现连选。按住Ctrl,然后双击选中多个即可。

    其实除了,以上的2中方式实现同步编辑以外,还有一个方式。那就是,按住Shift,然后按住鼠标右键,最后,垂直向下拉。这种方式有限制,就是只能垂直选中,适用于代码段有点长的场景,如下

    

  5、感觉这么写,非写残了不可,不能这么详细了,下面把重要的详细写,网上都能找得到的,就简单说说即可

    下面要说的这个大家司空见惯,但我还是要讲一讲。

    Ctrl+F,查找,左边的选项就不多说了,自己看提示吧,英文的,叫你不好好学英文,话说,现在高考好像要逐渐削弱英语的分量。注意,最下面,会提示你 2 of 5 matches,总共找到了5个,你现在匹配到的是第二个,我觉得这个小提示很管用。

    

    Ctrl+F后,Enter查找下一个,Shift+Enter,查找上一个。

    Ctrl+H,查找替换,就不多说了。

    Ctrl+Shift+F,这个得加粗,飘红,就指着它活着呢。怎么说呢,可以叫全项目查找,就是在你当前打开的项目中,根据你输入的字符查找。

    

    

    如上,我们在wp文件夹中查找含有 have_posts 的文件。三言两语,可能道不尽其中用法,请看官自行体验。

    想当初,俺不知道有ST这么个好东西,就只用NotePad++的时候,为了实现全文查找替换,特意写了个PHP脚本以实现此功能。

    ----------感觉写累了,这活还真不好干,认认真真的写博不容易呀。剩下的快捷键好像也没什么要浓墨重彩的细说了,请各位自行参考网上资料----------

    参考  http://ce.sysu.edu.cn/hope/Item/106853.aspx

四、说说ST的好处

  1、PHP代码自动提示;且已有字符串自动提示

    杠杠的好用,PHP代码自动提示,不用解释了。已有字符串自动提示,请看下图

    

    $st_so_powerful不是PHP内置变量,但是却可以有自动提示,是因为在代码中已存在,所以可以提示已存在的字符,这功能可以大大节约你敲代码的时间。

  2、代码模板,快速生成代码

    你敲个ifelse,会帮你快速生成 if else 的代码模板。关键是在PHP代码和在HTML代码中,会生成对应的的内容,言语难表,请看下图

     PHP代码中生成的                HTML代码中生成的

    我就不解释了,请自悟。

    再说下在HTML中代码生成的关键字:php  echo  if  ifelse  foreach,够用了不?

    还不够用???哦,那这一块代码模板自定义的高级用法,请自行google:Sublime Text Snippet

    还得回来补一下,要不你可能得骂我。因为你输入了 if 后,没反应,要按 Tab 键啊,大哥。

  3、真心写累了,就结束了吧,在最后放一个重量级的重磅炸弹功能,请注意,此功能仅在ST3中有效

    我为什么用IDE,哦,对了,得先说我用什么IDE,那就是非常好用的 Zend Studio,我只在乎它的两个功能:1、代码跳转,即跳转到变量或函数定义的地方;2、函数在哪些地方被引用的(这个是重量级的杀手功能,我试过其他PHP IDE都没有)。

    当然你不能指望咱小小的ST能有这重量级杀手功能,但现在ST3有第一个功能,即代码跳转,可以跳转到函数定义的地方。这个功能的重要意义在于,你现在完全可以用ST3来取代其他非 Zend Studio IDE 了,真的。上图:

    

    如果你要跳转的函数在只在一个文件中定义了,则直接跳转过去;否则,会提供选项,让你选择跳转到哪个文件。

    此功能虽然还没有 Zend Studio 智能(Zend是直接很智能的就跳到对应的文件了),但已经很不错了,不是吗?

    丫的,还得再再补一下,年龄大了,脑子不好使了。忘了说跳转的方法,选中调用的函数方法名,点F12,就能跳过去了。如果出现F12快捷键被占用的情况,请修改默认快捷键,将跳转到函数的快捷键自定义,可以自定义为{ "keys": ["f3"], "command": "goto_definition" },因为我以前写Java的,用Eclipse好些好些年了,所以习惯F3跳转到函数,读者自便。至于自定义快捷键的方法,请google

   4、虽然写累了,发布了,但又突然想起还有一个很重要的功能,不得不说,所以回来补一下

    那就是,将文件夹加入项目,点击菜单 Project -> Add Fold To Project,选择你要加入项目的文件夹即可。

    当你将很多文件夹加入项目之后,你会发现一个小小的问题,那就是Ctrl+P切换文件的时候,可选列表有点长,那是因为,你的项目多啊,可能会出现很多相同名称的文件,而且左边项目列表看起来也不清爽。什么?你没看见左边有项目列表,请点击 View -> Side Bar -> Show Side Bar。

    所以,我们可以一个项目占一个工作空间,要写哪个项目,就切换到哪个项目中去。

    具体操作:当你把一个文件夹加入到项目中后,点击菜单 Project -> New Workspace For Project,为这个单独的项目建一个工作空间,注意,当前要只有一个项目,如果有两个或以上的项目,那么这些都会被加入的新的工作空间里去的,对于此,我不是很确定,但我上次操作好像是这样的。新的工作空间和项目的保存路径可以放到你项目的根目录下。比如,我的项目文件夹是mybiaoke,我就把那两个文件保存到这下面了。

    完事之后,我们想切换项目还怎么办呢,用快捷键 Ctrl+Alt+P ,很快的就切过去了。

    对于这个功能,我的操作方式和步骤不知道是不是科学,但至少可以实现,请懂的同学指点。

好了,It‘s time to finish. 有写错的地方,还望谅解,第一次写这么长。。。。。。。。。。。。。。。准技术文,累,有 任何疑问 或 好的使用方法 欢迎提出和共享。

自此,神器一出,谁与争锋。

    

    

时间: 2024-10-10 09:44:47

Sublime Text 3 绝对神器的相关文章

SubLime Text 代码编辑神器

个人认为,这个编辑器很很好用,快捷键多,真的能提高开发效率. 主要快捷键列表:Ctrl+L 选择整行(按住-继续选择下行)Ctrl+KK 从光标处删除至行尾Ctrl+Shift+K 删除整行Ctrl+Shift+D 复制光标所在整行,插入在该行之前Ctrl+J 合并行(已选择需要合并的多行时)Ctrl+KU 改为大写Ctrl+KL 改为小写Ctrl+D 选词 (按住-继续选择下个相同的字符串)Ctrl+M 光标移动至括号内开始或结束的位置Ctrl+Shift+M 选择括号内的内容(按住-继续选择

学习web前端之神器sublime text 3

第一次在博客园写博客,以前都是看别人写的技术在自己慢慢的学习.现在想自己把每天学习的东西理解并记录下来,加深下印象以后可以做个回顾.不知道自己能否坚持每周至少写2篇博文. 古话说的好:工欲善其事,必先利其器.所以我们要找到一个神器来帮助我们更好的学习前端开发,要么记事本怎么样?不错是不错估计要写到猴年马月了. 百度一搜,web前端开发利器有很多,比如:EditPlus,Dreamweaver,HBuilder,Webstorm,Aptana Studio,Sublime text,这么多最后我还

打造属于自己的前端开发神器 -- 给Sublime Text加上Eclipse的光环

打造属于自己的前端开发神器 -- 给Sublime Text加上Eclipse的光环 2013-05-16 14:39:15 将Sublime Text打造成如Eclipse一般的前端开发IDE 1. 快捷键移植篇   从Java开始的梦, 到如痴如醉的Front End, 却始终摆脱不了Eclipse的束缚.   对于Javaer, Eclipse是非常不错的选择, 但对于单纯的前端而言, 是不是觉得略显笨重, 其中各种不想要的东西, 反正是诸多不爽, 曾用过Eclipse来做前端的人应该都有

Sublime Text 使用指南 - 前端开发神器

Sublime Text 前端开发的神器 Sublime Text是一个前端开发者必备的编辑器,大量的插件,完善的功能,优越的性能,有非常多的特色,给前端开发提供了一个完善的开发条件. 本文主要介绍的是如何使用sublime Text藏在菜单里的一些功能,这些功能十分强大,却因隐藏的较深不太被大家关注,网上相关的介绍文章也不太多,这里就整理一下. Sublime Text 功能使用介绍,目录: Nodejs build System Multiple Selections Project & W

Sublime Text 2 - 性感无比的代码编辑器!程序员必备神器!跨平台支持Win/Mac/Linux

代码编辑器或者文本编辑器,对于程序员来说,就像剑与战士一样,谁都想拥有一把可以随心驾驭且锋利无比的宝剑,而每一位程序员,同样会去追求最适合自己的强大.灵活的编辑器,相信你和我一样,都不会例外. 我用过的编辑器不少,真不少- 但却没有哪款让我特别心仪的,直到我遇到了 Sublime Text 2 !如果说“神器”是我能给予一款软件最高的评价,那么我很乐意为它封上这么一个称号.它小巧绿色且速度非常快,跨平台支持Win/Mac/Linux,支持32与64位,支持各种流行编程语言的语法高亮.代码补全等,

Sublime Text 2 - 程序员必备神器!跨平台支持Win/Mac/Linux

代码编辑器或者文本编辑器,对于程序员来说,就像剑与战士一样,谁都想拥有一把可以随心驾驭且锋利无比的宝剑,而每一位程序员,同样会去追求最适合自己的强大.灵活的编辑器,相信你和我一样,都不会例外. 我用过的编辑器不少,真不少- 但却没有哪款让我特别心仪的,直到我遇到了 Sublime Text 2 !如果说“神器”是我能给予一款软件最高的评价,那么我很乐意为它封上这么一个称号.它小巧绿色且速度非常快,跨平台支持Win/Mac/Linux,支持32与64位,支持各种流行编程语言的语法高亮.代码补全等,

Sublime text 神器小记

以前一直使用的都是Editplus,一直感觉都是很不错的. 但是最近接触到sublime text,我就fall in love with it. Sublime 的意思是"顶峰,高尚,非凡的"意思.多么霸气的名字啊..好吧,不瞎扯了. 其实我觉的不需要到网上乱找一通,什么中文破解版的,乱七八糟的.就直接到官方网网站进行下载. 虽然是没有注册的,偶尔会弹出一个让你去获取License的 框框外,没有其他任何影响. 下砸网址:http://www.sublimetext.com/ 不过我

sublime text 2 前端编码神器-快捷键与使用技巧介绍

前言 代码编辑器或者文本编辑器,对于程序员来说,就像剑与战士一样,谁都想拥有一把可以随心驾驭且锋利无比的宝剑,而每一位程序员,同样会去追求最适合自己的强大.灵活的编辑器,相信你和我一样,都不会例外. 如果说"神器"是我能给予一款软件最高的评价,那么我很乐意为它封上这么一个称号.sublime text 2(以下简称ST2)小巧绿色且速度非常快,跨平台支持Win/Mac/Linux,支持32与64位,支持各种流行编程语言的语法高亮.代码补全等,但ST2有着很多其他编辑器没有的超酷的特性,

Sublime Text 3插件之Emmet:HTML/CSS代码快速编写神器

一.快速编写HTML代码 1.  初始化 HTML文档需要包含一些固定的标签,比如<html>.<head>.<body>等,现在你只需要1秒钟就可以输入这些标签.比如输入“!”或“html:5”,然后按Tab键: html:5 或!:用于HTML5文档类型 html:xt:用于XHTML过渡文档类型 html:4s:用于HTML4严格文档类型 2.  轻松添加类.id.文本和属性 连续输入元素名称和ID,Emmet会自动为你补全,比如p.bar#foo,会自动生成: