Sublime Text 2/3安装使用及常用插件

一、介绍

  Sublime Text 是一款较新的编辑器,它轻量、简洁、高效,良好的扩展性以及跨平台等特性,使得越来越多的开发人员喜爱。它是一款收费的商业软件,但可以免费无限制无限期的试用,只会偶尔提醒是否购买。用户购买一个授权可同时在不同平台上使用。

 

二、安装

  访问http://www.sublimetext.com/2下载2.x版本。中文汉化包下载,解压并放置于..\Sublime Text 2\Packages文件夹。

  或从http://www.sublimetext.com/3下载3.x版本。

  注册码(仅供个人非商业应用):

----- BEGIN LICENSE ------
Alexander
Single User License
EA7E-814345
51F47F09 4EAB1285 7827EFF0 8B1207DC
A76A6EA3 E1A1CA7A DC1F2703 14,897,784
8EDC1C82 3F2A58B9 1C0C8B24 67686432
281245B3 6233DE5C ADC5C2F9 61FB8A04
171B63EF 86BA423F 6AC884FD 3273A7AA
5F50A6DB CE7859AE D62D2B37 AEEDD8C2
078A8A20 70EEA791 84F48C1E 8ABA7DEB
0B3907C0 C9A3523B 0091A045 6F67AED8
------ END LICENSE ------

   

----- BEGIN LICENSE -----
Andrew Weber
Single User License
EA7E-855605
813A03DD 5E4AD9E6 6C0EEB94 BC99798F
942194A6 02396E98 E62C9979 4BB979FE
91424C9D A45400BF F6747D88 2FB88078
90F5CC94 1CDC92DC 8457107A F151657B
1D22E383 A997F016 42397640 33F41CFC
E1D0AE85 A0BBD039 0E9C8D55 E1B89D5D
5CDB7036 E56DE1C0 EFCC0840 650CD3A6
B98FC99C 8FAC73EE D2B95564 DF450523
------ END LICENSE ------

 

  Ubuntu16.x中安装:

sudo add-apt-repository ppa:webupd8team/sublime-text-3

sudo  apt-get  update

sudo apt-get install  sublime-text-installer

 

三、配置

  点击preferences-setting user,个人设置如下:

{
    //字体大小
    "font_size": 13.0,
    //字体类型
    "font_face": "Consolas",
    // 设置每一行到顶部,以像素为单位的间距,效果相当于行距
    "line_padding_top": 2,
    // 设置每一行到底部,以像素为单位的间距,效果相当于行距
    "line_padding_bottom": 2,
    // html和xml下突出显示光标所在标签的两端,影响HTML、XML、CSS等
    "match_tags": true,    
    // 是否显示代码折叠按钮
    "fold_buttons": true,
    // 代码提示
    "auto_complete": true,
    // 默认编码格式
    "default_encoding": "UTF-8",
    // 左边边栏文件夹动画
    "tree_animation_enabled": true,
    //删除你想要忽略的插件
    "ignored_packages":
    [
        "Vintage",
        "YUI Compressor"
    ]
}

 

四、快捷键

    1、F11和Shift+F11进入全屏免打扰模式

    2、Ctrl+L:选择整行,按住继续选择下一行

    3、Ctrl+KK:从光标处删除至整行的尾部

    4、Ctrl+Shift+D:复制光标所在的整行,插入在该行之前

    5、Ctrl+J:合并行(已选择需要合并的多行时),可以理解为不换行模式,直到遇到编辑器边框后自动换行

    6、Ctrl+D:选词,(按住-继续选择下个相同的字符串)

    7、Ctrl+/:注释整行,可来回切换,Submlie Text可自动判断文件类型。选择整段,也可注释整段。

    8、Ctrl+Shift+/:注释。选择整段,也可注释整段,单行时候,不注释该行,而是添加该行的注释信息,如</ul><!--  -->

    9、Alt+. :闭合当前标签

    10、Ctrl+Shift+[:折叠代码

    11、Ctrl+Shift+]:展开代码

    12、Shift+table:向左缩进、Tab向右缩进

 

五、插件

5.1 插件的安装方法有两个:直接安装插件管理安装

  5.1.1 直接安装,将下载的安装包解压缩到Packages目录(菜单->preferences->packages);

  5.1.2 Package Control组件安装。用Package Control安装插件的方法:

   按下Ctrl+Shift+P调出命令面板,输入install, 调出 Install Package 选项并回车,然后在列表中选中要安装的插件。

   有的网络环境可能会不允许访问陌生的网络环境从而设置防火墙,而Sublime Text 貌似无法设置代理,可能就获取不到安装包列表了。

 

5.2 常用插件

  1、Package Control安装包控制

  打开Sublime Text ,按快捷键 ctrl+` 或者点击 Tools → Command Palette 调出控制台Console;将以下代码复制粘贴进命令行后回车:

import urllib2,os;
pf='Package Control.sublime-package';
ipp=sublime.installed_packages_path();
os.makedirs(ipp)ifnot os.path.exists(ipp)elseNone;
open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read())

  重新启动Sublime Text 2,如果在Preferences → Package Settings 中看到 Package Control 这一项,说明安装成功。

  

  2、Alignment(代码补齐) 下载:https://github.com/wbond/sublime_alignment

  

  3、ColorPicker(调色盘) 下载:https://github.com/weslly/ColorPicker

  在编辑CSS样式的时候,ColorPicker可以让sublime text 内置一个调色盘,调好颜色,点击OK就会在光标处生成十六进制颜色代码。

  

  

  4、Zen Coding(现已改名为Emmet) 下载:https://github.com/sergeche/emmet-sublime

  使用仿CSS选择器的语法来快速开发HTML和CSS,Zen Coding由两个核心组件组成:一个缩写扩展器(缩写为像CSS一样的选择器)和上下文无关的HTML标签对匹配器。

  

  使用ZenCoding编写代码时,需要遵循一定的缩写规则:

E元素名(div、p);

E#id带Id的元素(div#content、p#intro、span#error);

E.class带class的的元素(div.header、p.error),id和class可以连着写,div#content.column

E>N子元素(div>p、div#footer>p>span)

E*N多项元素(ul#nav>li*5>a)

E+N多项元素

E$*N带序号的元素

  

  5、SublimeTmpl(自定义新建文件) 下载:https://github.com/kairyou/SublimeTmpl

  默认已经添加了html、css、js等常见类型的面板,按ctrl+alt+h/ctrl+alt+c/ctrl+alt+j可新建这 3钟类型的文件,快捷键在这里\Packages\SublimeTmpl\Default (Windows).sublime-keymap, 模板文件在这里\Packages\SublimeTmpl\templates,可修改。

  

  其他插件:

  Clipboard-history(粘贴板历史记录) 下载:https://github.com/kemayo/sublime-text-2-clipboard-history
  CSScomb(CSS属性排序) 下载:https://github.com/csscomb/CSScomb-for-Sublime
  Gits(集成 GitHub) 下载:https://github.com/kemayo/sublime-text-git
  Hex-to-HSL-Color Hex(颜色模式转HSL颜色模式)  下载:https://github.com/atadams/Hex-to-HSL-Color
  HtmlTidy(清理与排版你的HTML代码)  下载:https://github.com/welovewordpress/SublimeHtmlTidy
  JsFormat(javascript格式化) 下载:https://github.com/jdc0589/JsFormat
  PHPTidy(整理与排版PHP代码) 下载:https://github.com/welovewordpress/SublimePhpTidy
  SideBarEnhancements(侧边栏增强) 下载:https://github.com/titoBouzout/SideBarEnhancements
  SublimeLinter(代码错误提示) 下载:https://github.com/SublimeLinter/SublimeLinter/tree/sublime-text-3
  SFTP(编辑 FTP 或 SFTP 服务器上的文件) 下载:http://wbond.net/sublime_packages/sftp  
  Tradsim(中文繁字体和简体字转换) 下载:https://github.com/erinata/SublimeTradsim
  TrailingSpacer(高亮显示多余的空格和Tab) 下载:https://github.com/SublimeText/TrailingSpaces
  YUI Compressor(压缩JS和CSS文件) 下载:https://github.com/kairyou/SublimeYUICompressor

posted on 2014-10-27 14:18  dudumao  阅读(58561)  评论(5编辑  收藏  举报

导航

阿里云