SublimeText的使用

1.安装Sublime_text2.02文件:Sublime Text 2.0.2.tar.bz2

(1)官网下载地址:http://www.sublimetext.com/2

(2)将文件放到linux中，解压文件,得到文件夹"Sublime Text 2"

　　注意这个压缩包没有用gzip格式压缩所以解压的时候也不用加上z 。直接tar -xf 就可以

　　否则会报错:"gzip: stdin: not in gzip format..."

2. windows下使用Sublime text3，插件管理:

(1)安装Package control插件管理包:

①打开安装代码的命令行点击view -> show console

②输入python脚本，源自https://sublime.wbond.net/installation#st3

　具体代码如下:

import urllib.request,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)

按下回车，即可安装

安装完后，可以在Preferences-->Package Settings中看到已安装好的Package Control

(2)通过Package Control安装其他实用的插件，比如Zen Coding(现在叫做Emmet)：

①按ctrl+shift+P

②输入install 回车

③输入插件名Emmet 选择目标插件回车即可安装

然后可以在Preferences-->Package Settings中看到是否已安装成功

如果报错:"Error while loading PyV8 ....",解决办法见 http://jingyan.baidu.com/article/aa6a2c14d5177f0d4d19c45f.html

(3)windows下安装代码转定义插件ctags:

　　①Package Control管理方式install ctags

②下载ctags压缩包:http://download.csdn.net/detail/hudie86555/4363381

③加压到一个文件夹，里面含有ctags.exe，将该文件路径添加到系统环境变量中

　　④用SublimeText打开项目，在Preferences(设置)菜单中打开Package Control(插件管理器)settings->ctags->settings-user和settings-default

把default中的配置全部复制到user中(sublime3为了以后的更新不会覆盖用户修改的配置，默认的配置文件不让修改，只能复制到user文件中进行修改)，然后改一下command配置项，为ctags.exe的可执行文件路径(尾部包含了ctags.exe) XX/XXX/XX.ctags.exe

　　⑤cmd命令行进入项目所在目录，用指令ctags -R -f .tags 创建.tags文件

　　⑥生成.tags文件后，用sublime打开项目以后，就可以用 ctrl+shift+鼠标左键 的方法跳转到函数声明

(4)删除已安装插件

　　步骤①:ctrl+shift+p
　　步骤②:输入remove package
　　步骤③:选择要删掉的插件即可

(5)全栈开发必备的10款 Sublime Text 插件

　　参考http://www.oschina.net/news/57310/10-essential-sublime-text-plugins

(6)其他插件

　　1. SideBarEnhancements:侧边栏右键操作增强

　　　　Preferences > Key Bindings - User，添加快捷：

　　　　{ "keys": ["ctrl+t"], "command": "side_bar_new_file2" },
　　　　{ "keys": ["f2"], "command": "side_bar_rename" },

　　2.SublimeLinter:检查语法错误

　　　　好多，选自己要用的语言，如Python的"SublimeLinter-pep8”。

　　3.SublimeCodeIntel:代码提示　

　　　　安装完成后，会提示你：
　　　　For Linux:
　　　　* Jump to definition = ``Super+Click``
　　　　* Jump to definition = ``Control+Super+Alt+Up``
　　　　* Go back = ``Control+Super+Alt+Left``
　　　　* Manual CodeIntel = ``Control+Shift+space``

　　 4.SublimeCodeIntel:支持方法跳转和自动提示

　　 5.格式化html代码插件: TAG

　　 6.填色面板ColorPicker

　　　默认开启的快捷键是ctrl+shift+c

　　　如果该快捷键与其他插件(如ConvertToUTF8)的冲突，则按照以下方法更改:

　　　打开Sublime Text --> Preferences --> Browse Packages，找到ConvertToUTF8文件夹并进入，找到对应操作系统的Default.sublime-keymap文件，直接修改成
[
{ "keys": ["ctrl+shift++alt+c"], "command": "convert_to_utf8", "args": {"encoding": "GBK", "stamp": "0" } }
]

(7)SublimeText3 基础设置和常用插件推荐

　　参考http://qinx.cn/sublime-text-php-development-configuration/

　http://www.imjeff.cn/blog/146/

3.使用技巧

　(1)创建文件指定文件类型

　　安装插件sublime tmpl

(2)批量替换

　　选择第一个要被替换的字符串，通过按快捷键Ctrl+D，不断的选中所有位置的要被替换的字符串，然后一次性更换成目标内容即可。

(3)subimeText3开启代码自动换行:点击View--->选择Word Wrap即可

　　参考http://www.zhugexiaojue.com/note/autowrap-114.html

新建html文件后用快捷键快速生成html头部等

写入以下粗体Emmet代码，按Tab键或ctrl+e组合键，生成代码

html:4t

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="${lang}">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=${charset}">
    <title>Document</title>
</head>
<body>
    ${child}
</body>
</html>

html:4s

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="${lang}">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=${charset}">
    <title>Document</title>
</head>
<body>
    ${child}
</body>
</html>

html:xt

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="${lang}">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=${charset}" />
    <title></title>
</head>
<body>
    ${child}
</body>
</html>

html:xs

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="${lang}">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=${charset}" />
    <title>Document</title>
</head>
<body>
    ${child}
</body>
</html>

html:xxs

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="${lang}">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=${charset}" />
    <title>Document</title>
</head>
<body>
    ${child}
</body>
</html>

html:5

<!doctype html>
<html lang="${lang}">
<head>
    <meta charset="${charset}">
    <title>Document</title>
</head>
<body>
    ${child}
</body>
</html>