【编程工具系列课程（一）】Sublime Text2编辑器

老夏

第一章 Sublime Text2编辑器简介
    1.1 Sublime Text2编辑器简介
第二章 Sublime Text2编辑器安装和破解
    2.1 Sublime Text2编辑器安装和破解
第三章 Sublime Text2编辑器右键快捷键及默认设置
    3.1 Sublime Text2编辑器右键快捷键及默认设置
第四章 Sublime Text2编辑器插件安装
    4.1 VintageEx插件
    4.2 emmet插件
    4.3 Ctags插件

老夏

第一章 Sublime Text2编辑器简介
    1.1 Sublime Text2编辑器简介

        当今流行的编辑器以及IDE有非常多，如notepad++、editplus、Visual Studio、phpstorm、pycharm等。Sublime Text2则是一款轻量级的代码编辑器软件，它具有强大的功能，支持多种编程语言，如PHP、Python、JavaScript等。
        我们的课程主要使用Sublime Text2编辑器，主要有以下几个原因：第一，Sublime Text2编辑器区别于IDE，属于轻量级软件；第二，Sublime Text2编辑器具有极其丰富的扩展插件，如Ctags、emmet等；第三，也是我们课程选择Sublime Text2编辑器的一个重要原因，就是Sublime Text2编辑器的操作类Linux，由于全民编程系列课程内有Linux的系列课程，所以大家熟练操作Sublime Text2编辑器，将非常有助于我们记忆Linux的相关操作。

老夏

第二章 Sublime Text2编辑器安装和破解
    2.1 Sublime Text2编辑器安装和破解

一、软件安装
        将Sublime Text2编辑器解压，依次打开Sublime Text2编辑器文件夹，以及Sublime Text2软件文件夹，最后双击软件进行安装，注意，为了便于后期安装Sublime Text2相关插件，Sublime Text2的安装根目录不要使用中文字符或者特殊字符，如空格等。

二、软件破解
        打开全民编程系列课程提供的软件包，依次打开Sublime Text2编辑器文件夹，以及Sublime Text2破解包文件夹，将该文件夹内的文件复制到Sublime Text2编辑器的安装根目录下，此时一定要使用复制、粘贴，如果单纯使用拖拽复制，则只会复制快捷方式，而不会覆盖原应用文件。覆盖完毕后，点击鼠标右键发送至桌面快捷方式即可。

老夏

第三章 Sublime Text2编辑器右键快捷键及默认设置
    3.1 Sublime Text2编辑器右键快捷键及默认设置

        Sublime Text2右键快捷菜单设置方式如下：
（1）点击"开始"->"运行"，输入"regedit"。
（2）依次查找"HKEY_CLASSES_ROOT"->"*"->"shell"。
（3）右键点击"shell"，选择"新建"->"项"，填写"Sublime Text2"。
（4）右键点击"Sublime Text2"，选择"新建"->"项"，填写"command"。
（5）然后在右侧栏内，双击"默认"，并在数值数据内填写以下内容："C:\Program Files\Sublime\SublimeText.exe" -p --remote-tab-silent "%1"，注意，-p之前为Sublime Text2的安装路径，请填写自己本机的安装路径。
        Sublime Text2编辑器的默认设置可以在"首选项"的"设置-默认"中进行修改，具体设置如下：

代码	作用
"line_numbers": true	关闭行号
"auto_match_enabled": false	关闭自动补全
"auto_complete": false	关闭代码提示
"highlight_line": true	开启背景线

        Sublime Text2编辑器的快捷键如下：

快捷键	作用
ctrl+/	切换注释

老夏

第四章 Sublime Text2编辑器插件安装
    4.1 VintageEx插件

一、插件安装
（1）将VintageEx.rar解压，此时一定要保证解压后，打开该文件夹直接就能看到其内部的文件，否则将会安装失败。
（2）打开sublime，点击"首选项"->"浏览程序包"，然后将解压后的VintageEx复制到其中，重启Sublime编辑器。
（3）然后点击"首选项"->"设置-默认"，直接拖至最后一行，将"ignored_packages": ["Vintage"]改为"ignored_packages": []即可。

二、插件应用
（1）vi编辑器模式介绍
        vi编辑器有三个模式，分别是命令模式、输入模式以及末行模式。
（2）设置文件打开时的默认模式
        点击"首选项"->"浏览程序包"->"Vintage"->"Preferences.sublime-settings"，将"vintage_start_in_command_mode": false，改为"vintage_start_in_command_mode": true，即可将文件打开时的默认模式更改为命令模式。
（3）vi编辑器模式操作
        命令模式：通过按下Esc键进入命令模式。命令模式操作快捷键如下：

快捷键	作用
h	左
j	下
k	上
l	右
dd	删除一行,剪切一行
ndd	删除n行,剪切n行
G	最后一行
nG	到达第n行
yy	复制当前行
nyy	复制n行
p	粘贴到下一行
P	粘贴到上一行
np	重复粘贴到下一行n次
r	单字符替换
u	撤销
ctrl+y	恢复
dG	从当前行删除到最后一行
dnG	从当前行删除到第n行
dw	删除一个单词
d^	从当前字符删除到行首
d$	从当前字符删除到行末
/hello	查找hello单词，然后按回车，通过n键查找多个
v	按v键再按上下左右进行视图选中
x	删除当前字符
nx	删除n个字符

        输入模式：通过输入i、I、a、A、s、S、o、O均可进入输入模式。输入模式操作快捷键如下：

快捷键	作用
i	在当前字符前
I	在行首
a	在当前字符后
A	在行末
s	删除当前字符
S	删除当前行
o	下一行（新打开一行）
O	上一行（新打开一行）

        末行模式：通过输入：进入末行模式。末行模式操作快捷键如下：

快捷键	作用
:wq	保存并退出
:q	退出（如果文档已经被修改，无法退出）
:w	保存
:q!	不保存并退出
:x	保存并退出
:%s/hello/world/g	将当前文档，从第一行（%）到最后一行（s）的全部（g）hello逐行替换为world，如果不写g则只替换每一行的第一个，第二个world不写则是替换为空（:%s/hello//g）
:1,10s/hello/world/g	将当前文档，从第一行（1）到最后十行（10s）的全部（g）hello逐行替换为world，如果不写g则只替换每一行的第一个，第二个world不写则是替换为空

老夏

第四章 Sublime Text2编辑器插件安装
    4.2 emmet插件

一、安装
（1）将emmet插件解压缩，其中有两个文件夹分别是Emmet和PyV8。
（2）打开Sublime Text2编辑器，点击"首选项"->"浏览程序包"，注意，在执行下一步复制操作前必须将Sublime Text2编辑器关闭，然后将解压后的两个文件夹复制到其中即可。

二、应用
        emmet插件的基本应用（快捷键+Tab）如下：

快捷键	作用
!	生成html框架
html>(head>title)+body	生成html基本框架
h1{$$}*5	生成h1标签的01至05
.header	生成类名为header的div
h1.header	生成类名为header的h1
#main	生成id名为header的div
h1.#main	生成id名为header的h1

三、操作实例
        使用emmet插件快速创建一个100行数据的表格。

1. table[border='1px'][width='500px'][cellspacing='0'][align='center']>(tr>td{$}*3)*100

复制代码

老夏

第四章 Sublime Text2编辑器插件安装
    4.3 Ctags插件

一、安装Package Control
（1）离线安装（推荐）
        打开SublimeText2的安装目录，点击Data->Installed Packages，然后将"Ctags追踪函数插件"解压，并将该文件夹中的Package Control.sublime-package复制到Installed Packages文件夹中。
        重启Sublime Text2。
        点击"首选项"，此时就会看到有"Package Control"选项，即代表Package Control已经安装成功。
（2）在线安装
        打开Sublime Text2，输入"ctrl +~"，然后输入以下代码即可在线安装。

1. import urllib2,os; pf='Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler( ))); open( os.path.join( ipp, pf), 'wb' ).write( urllib2.urlopen( 'http://sublime.wbond.net/' +pf.replace( ' ','%20' )).read());

复制代码

二、安装Ctags插件
（1）离线安装
        将"Ctags追踪函数插件"解压，然后将里面的Ctags文件夹复制到Sublime Text2安装目录下的"Data\Packages"内，将ctags58复制到Sublime Text2安装根目录下即可。
        重启Sublime Text2。
        点击"首选项"->"程序包设置"->"Ctags"->"Settings-Default"，将其中的"command":""更改为 "command":"D:\\Sublime\\ctags58\\ctags.exe"，然后将Settings-Default的内容全部复制到Settings-User中即可。
（2）在线安装
        点击"首选项"->"Package Control"，选择"Install Package"，在输入框中输入Ctags，然后等待安装完成即可。

三、Ctags插件应用
        将项目拖入到Sublime Text2的侧边栏中，然后右键点击拖入项目的文件夹，并选择"Ctags:Rebuild Tags"即可完成Tag创建。
        打开需要使用函数跟踪的文件，光标放到函数上，并按住"ctrl"+"shift"+鼠标左键即可实现函数追踪，按住"ctrl"+"shift"+鼠标右键即可返回原文件。
        我们也可以更改函数追踪的快捷键。在点击"首选项"->"程序包设置"->"Ctags"->"Mouse Bindings-Default"，并将其中的"modifiers": ["ctrl","shift"]全部更改为"modifiers": ["ctrl"]，然后将"Mouse Bindings-Default"中的内容全部复制到"Mouse Bindings-User"中，即可更改函数跟踪快捷键为"ctrl"+鼠标左键。