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>

 

  

 

 

 

 

  

 

posted on 2015-02-25 21:46  JYsharp  阅读(443)  评论(0编辑  收藏  举报