开始使用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>

其中的$代码编号,可以用"$@-反向编号。
6. 属性值的简写
例如要定义元素宽度,可以直接w100 直接是width: 100px;
很多这样的简写,这里就不一一列举了。单位上来说e表示em,x表示ex。
例如输入:h100e+w200x得到height: 100em; width: 200ex;
7. 元素填充
有时候需要添加一些填充文字,可以直接输入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的边栏菜单带来扩充的功能,包括:在当前工程文件夹中新建文件,移动文件或文件夹,产生文件或文件夹的副本,在新窗口或浏览器中打开,刷新等。这只是概括地说,安装后探索它更多的功能吧。

更多插件推荐请点这里.

差不多就介绍到这里吧。

猜你喜欢

转载自blog.csdn.net/Reoger/article/details/71000280