一个特别好用的编辑器(Sublime Text3)

前段时间在还在想,有没有一个软件能让我更快的阅读代码,因为对于一个android项目来说,有时候我们并不需要运行,只需要查看项目的基本结构和代码的写法,但是如果用android studio来打开,因为依赖库和版本的问题,可能需要很久才能打开。直到我发现了这么一款软件sublime Text3 ,彻底解决了我的问题。下面开始介绍Sublime。


一句话介绍:Sublime Text 是一个轻量、简洁、高效、跨平台的编辑器。

基本介绍

Sublime Text 的特色功能:

  • 良好的扩展功能,官方称之为安装包(Package)。
  • 右边没有滚动条,取而代之的是代码缩略图,这个功能非常赞
  • 强大的快捷命令“可以实时搜索到相应的命令、选项、snippet 和 syntex, 按下回车就可* * 以直接执行,减少了查找的麻烦。”
  • 即时的文件切换。
  • 随心所欲的跳转到任意文件的任意位置。
  • 多重选择(Multi-Selection)功能允许在页面中同时存在多个光标。
  • 支持 VIM 模式
  • 支持宏,简单地说就是把操作录制下来或者自己编写命令,然后播放刚才录制的操作或者命令。

讲什么功能什么的都是虚的,现在我们来看看怎么使用吧。

开始使用

下载、安装

下载什么的肯定很简单,直接去官网下载就OK了。当然,官网对其肯定也有不少的介绍,英语比较好的可以自行阅读。这里我就直接点击Download for Windows进行下载了。

安装什么的也不要太简单,与一般的软件安装没什么区别。

接下来就是比较重要的地方了,在正式使用他之前,我们还是需要进行一定的配置的。所谓无插件,不神器,所以我们先来配置一下他安装插件的功能。

  1. 在Sublime Text中,按ctrl+`,打开Console(如果没有反应、可能是快捷键被其他软件占用了,如qq输入法等,这个时候我们可以选中View->show console打开Console),然后copy下面的代码并回车
import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())

这样Sublime Text就会安装我们需要的Package Control。否则后面会找不到Package。

  1. 然后重启Sublime Text3。发现Preferences的选项中多出了一个Package Control,此时我们的包管理器已经安装完毕。下面就可以愉快的使用了。
Paste_Image.png

如果上面的方法不管用的话,可以直接[下载包管理器]https://packagecontrol.io/installation#st3)然后将他复制到安装submlime Text3的安装目录下,重启即可。

基本操作篇

打开项目

用Sublime打开一个项目是非常快速的,而且他支持了好多好多的语言。(反正我遇到的语言他都支持),所以用他来查看项目的结构和代码是非常好的。

  1. 打开文件。
    我们可以这么做:选择file->Open file 然后选择你要打开的文件。就直接打开了。
  2. 打开工程。
    选择file->open folder 选择工程所在目录。选择即可。

打开后的基本样式如下:

Paste_Image.png

快捷键

常用的IDE使用的快捷键,它都有。
类似与ctrl+n新建一个文件、ctrl+f查找这种简单的快捷键就不做介绍了,如果不太了解快捷键的作用的可以。查看快捷键,甚至可以自己定制快捷键。选中preferences->key Bindings。如图

Paste_Image.png

打开之后如图:

Paste_Image.png

左边的是默认的,如果有需要,我们可以在右边书写自己的快捷键。那么怎么看快捷键是干什么的呢?很简单,以第一个为例,{ "keys": ["ctrl+shift+n"], "command": "new_window" },很明显就是告诉我们"ctrl+shift+n"的作用就是新建一个窗口。如果你觉得这种方式还是不够直观,可以参考这里。如果你想自定义快捷键,模仿左边的就好了。例如我想自定义一个代码格式化的快捷键,我们可以在右边这么写。{ "keys": ["alt+shift+f"], "command": "reindent" },reindent可以在这里找到。至于针对特定的代码进行代码调整、就需要用到插件了。

Paste_Image.png

至于其他的使用,自己慢慢摸索吧、都比较简单,就不赘述了。

插件篇

所谓,无插件、不神器。一个好的编辑器怎么可能少的了插件呢。下面就是最重要的环节。
首先介绍以下安装插件的步骤。其实,我们在安装的时候就已经将包管理器下载完毕了,现在我们来安装插件就很简单了。(以安装ConvertToUTF8的插件为例,这个插件可以解决GBK编码时中文乱码的问题)

方法一:通过包管理器来进行安装:

  1. 安装Package Control的步骤我放到了最前面,这里就不再次说明了。
  2. 在Sublime Text中,按Ctrl+Shift+P打开命令行模式,输入Install Package关键字,然后点击自动出现的下拉菜单里的第一项:Package Control: Install Package。
  3. 此时你会看到左下角有个=号来回动,稍等一会,会再次在命令行下弹出一个下拉菜单。输入“ConvertToUTF8”,选择匹配项。回车,插件即安装完毕。
  4. 安装完成之后,你可以在Preferences->package Settings中看到你安装的插件。如图。
Paste_Image.png

** 方法二:直接下载插件到指定位置**
可以直接下载安装包解压缩到Packages目录(菜单->preferences->packages)即可。(不推荐这种方式,比较难找资源)。

插件推荐

** ConvertToUTF8**
解决GBK中文乱码问题的比较间的解决方案。

** Emmet**
说到emmet,简直是编写前端的神器。主要体现在它快捷的编写上。下面简单介绍以下emmet的使用。
更多的介绍可以参考http://blog.csdn.net/mengwuyoulin/article/details/43056733
Emmet常用技巧:(输入简写,ctrl+e可触发效果)

  1. 生成html5的初始结构:
    输入! 然后ctrl+E即可
  2. 连续输入元素名称和ID,Emmet会自动为你补全.
    比如输入p#foo会生成<p id="foo"></p>
    输入p.bar#foo会生成<p class="bar" id="foo"></p>
  3. 定义属性和内容。
    输入:h1{foo}对应<h1>foo</h1>
    输入:a[href=#]对应<a href="#"></a>
  4. 嵌套
    通过emmet,可以轻松实现标签的嵌套,基本用法如下;
    >:子元素符号,表示嵌套的元素
    +:同级标签符号
    ^:可以使该符号前的标签提升一行
    例如:输入li+li 转成 <li></li> <li></li>
    输入h>a 变成<h><a href=""></a></h>
  5. 多个标签
    要定义多个标签,可以直接在元素后 *数字即可
    例如:输入:ul>li{item$}*3
    变成
<ul>
    <li>item1</li>
    <li>item2</li>
    <li>item3</li>
   </ul>

其中的$代码编号,可以用"$@-反向编号。

  1. 属性值的简写
    例如要定义元素宽度,可以直接w100 直接是width: 100px;
    很多这样的简写,这里就不一一列举了。单位上来说e表示em,x表示ex。
    例如输入:h100e+w200x得到height: 100em; width: 200ex;
  2. 元素填充
    有时候需要添加一些填充文字,可以直接输入lorem
    emment会给我们生成一些文字,可用于测试页面填充文字的效果。
    即输入:lorem会得到:
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vel laudantium, 
quasi iusto repellendus deserunt eaque cumque a, architecto, animi 
laboriosam beatae magnam. Nesciunt sunt itaque impedit ea dolorem atque tempora?

更多的用法可以参考官网。

** SublimeEnhancements**
这个插件可以给SublimeText的边栏菜单带来扩充的功能,包括:在当前工程文件夹中新建文件,移动文件或文件夹,产生文件或文件夹的副本,在新窗口或浏览器中打开,刷新等。这只是概括地说,安装后探索它更多的功能吧。

更多插件推荐请点这里.

差不多就介绍到这里吧。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 196,200评论 5 462
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 82,526评论 2 373
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 143,321评论 0 325
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,601评论 1 267
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,446评论 5 358
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,345评论 1 273
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,753评论 3 387
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,405评论 0 255
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,712评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,743评论 2 314
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,529评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,369评论 3 315
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,770评论 3 300
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,026评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,301评论 1 251
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,732评论 2 342
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,927评论 2 336

推荐阅读更多精彩内容