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

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

html:4s

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

html:xt

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

html:xs

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

html:xxs

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

html:5

  1. <!doctype html>
  2. <html lang="${lang}">
  3. <head>
  4. <meta charset="${charset}">
  5. <title>Document</title>
  6. </head>
  7. <body>
  8. ${child}
  9. </body>
  10. </html>

  

SublimeText的使用的更多相关文章

  1. 如何在博客中使用SublimeText风格的代码高亮样式

    因为觉得博客园自带的代码高亮样式很单一,不符合作为前端的我的审美习惯,于是下定决心要想办法折腾出一个方法来应用上另外一套代码高亮样式. 虽然探索的过程是很痛苦的,但最后还是成功了,但也不枉付出的那些努 ...

  2. sublimeText jsformat 插件被当做病毒 virus

    最近在个只可往他里面发邮件,不能往外上任何互联网的地方工作,用 sublimetext 要装个sublime 插件 jsformat 十分麻烦.用gmail邮箱发总是报病毒. 最后挨个尝试,发现是 j ...

  3. Ubuntu 安装 SublimeText 3

    1. 下载 $ cd ~/Downloads $ wget https://download.sublimetext.com/sublime-text_build-3083_i386.deb 2. 安 ...

  4. 随笔SublimeText Theme安装

    2015-12-31日记 在更换SublimeText颜色的时候没有及时的备份这个文件.导致浪费了半个 小时来处理这个问题 处理问题需要冷静歘平慢一些, 关键在于不出错. 当时有一个想法就是这个东西不 ...

  5. sublimetext

    下载地址:http://www.sublimetext.com/ 详情:http://baike.baidu.com/link?url=uoObJWXyy_-zu52HuOKzfKuwHEpL2JQn ...

  6. SublimeText为啥选择Python开发extension

    真正优秀的软件是靠优秀的程序员开发出来的,反过来也一样,优秀的语言,平台,工具只有在优秀的程序员的手中才能显现出它的威力. 比如,Jon Skinner开发的SublimeText.桌面应用一般支持二 ...

  7. Sublimetext (for windows)编译运行c出现Error 2错误的解决办法

      错误描述大概如下: [Error 2]  [cmd:  [u'bash', u'-c', u"g++ 'D:\\codeblocks\\project\\test.c' -o 'D:\\ ...

  8. sublimeText插件推荐

    工欲善其事必先利其器.sublimeText是前端开发工程师的一把利器,它的优点包含: 随时保留文件的修改 Goto Anything,智能搜索; 简单全面的插件体系; 代码地图; 快速启动 ... ...

  9. ubuntu sublime-text package control

    1.ubuntu 环境下sublime-text的 package control一直配置失败 因为我下的是sublime-text3,而网上一般都是sublime-text2的教程. 2.subli ...

  10. 可以考虑使用SublimeText编辑器替代notepad++了

    大概是去年吧,这款编辑器神一般的出现在我面前,经过我小心翼翼的试用后发现并不是那么太顺手,插件配置都不太成熟,如Package Control. 最喜欢用它的zencoding还得专门开个小窗:ang ...

随机推荐

  1. 使用jQuery Mobile和Phone Gap开发Android应用程序(转)

    经过了一段时间的学习,初步了解了该如何使用jQuery Mobile和 Phone Gap来开发一个Android应用程序,也想把这些东西介绍给大家. 1. 软件准备 要进行android app的开 ...

  2. RESTful Web Services简单介绍

    近几年,RESTful Web Services渐渐开始流行,大量用于解决异构系统间的通信问题.很多网站和应用提供的API,都是基于RESTful风格的Web Services,比较著名的包括Twit ...

  3. (转)解析PHP中ob_start()函数的用法

    本篇文章是对PHP中ob_start()函数的用法进行了详细的分析介绍,需要的朋友参考下     ob_start()函数用于打开缓冲区,比如header()函数之前如果就有输出,包括回车/空格/换行 ...

  4. 关于android MTK相机L版本,切换屏幕比例后,分辨率随之改变,但重新进入相机后原有分辨率不再生效问题

    BUG详细:比如4:3的时候是200W,切成全屏变400W,重新切回4:3为300W,退出相机后,重新进入又变成200W. 原因分析:这个版本的设计如此,当你点选屏幕比例的时候,程序设计是把这个比例值 ...

  5. Swift - 18 - 数组的基础操作

    //: Playground - noun: a place where people can play import UIKit var str = "Hello, playground& ...

  6. 谈谈IT人的发展[转载]

    一个人如果能确定他喜欢的行业,他一生都会非常幸福.   相反,则往往痛苦,也许竟然会因此成为一个哲学家也说不定. 中国的贫穷决定了我们当中的大多数人不能根据自己的爱好来选择职业,而只是因为生活所迫,或 ...

  7. css margin collapse

    css中存在margin collapse,即边界塌陷或边界重叠. http://www.w3cplus.com/css/understanding-bfc-and-margin-collapse.h ...

  8. ASP.Net MVC4排序检索分页的实现

    前言 上一节我们做到了如下的一个基础查询页面.本节我们向这个页面中加入排序.搜索和分页功能. 排序 从上图中的地址栏中可以看到这个页面调用的是Company Controller下的Index Act ...

  9. div(固定宽度和不固定宽度)居中显示的方法总结

    今天我总结一下css实现div居中的方法,有的是固定宽度的,还有的是不固定宽度的. 1.使用自动外边距实现DIV CSS居中 CSS中首选的让元素水平居中的方法就是使用margin属性—将元素的mar ...

  10. codevs 1243 网络提速

    题目描述 Description 某学校的校园网由n(1<=n<=50)台计算机组成,计算机之间由网线相连,如图5.其中顶点代表计算机,边代表网线.正如你所见,不同网线的传输能力不尽相同, ...