前端神器之Sublime Text2/3简单明了使用总结

为什么叫神器呢？

我总结如下：

第一：也是最重要的，它占内存很小（就如同notepad++那般迅速打开，所以那款其实也不错~)。一般IDE比如WebStorm(它也是一款神器来着），Aptana(也比较常用),还有前后结合的Zend Studio 等都略显臃肿，打开太慢，耗内存太大。

第二：主题丰富，漂亮的界面。各式各样的主题可以满足你的视觉美。

第三：支持的插件丰富多样。很多插件都能让你获得不一样的体验。

第四：支持命令快捷键方式。就如同vim那般有广阔的命令快捷。

好吧，那就来下载安装吧。

Sublime Text2或者3都没关系，3也只是作为2的beta版本，所以还是推荐3吧，支持新版嘛。2和3在使用方法功能上也有差异~

（1）你可以去官网下载对应版本，但可能需要输入序列号什么的。

访问http://www.sublimetext.com/2下载2.x版本。

　　或从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 ------

(2)一般官网下来的都是英文原版的，可以网上找些中文包放进去就行了。你也可以直接去其他网站下载Sublime Text，一般下下来就可以直接使用了。。

先来基本配置

基本配置可以在窗口布局的那几个选项自己设定，当然也可以在配置文件里边直接开干。

配置文件在：PReferences－setting user 或者 setting default

因为user的可以覆盖default的，而且你重装啊什么的也不怕被抹掉，所以推荐你直接写进setting user里边

我是text3 中文版的：

直接在里边写点配置信息就行了，比如：

{    //字体大小    "font_size": 11.0,    //字体类型    "font_face": "微软雅黑",    // 设置每一行到顶部，以像素为单位的间距，效果相当于行距    "line_padding_top": 2,    // 设置每一行到底部，以像素为单位的间距，效果相当于行距    "line_padding_bottom": 2,       //检查更新    "update_check":false,    //长单词换行形式    "Word_wrap":"auto",    // 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 // While you can edit this file, it's best to put your changes in  2   3 // "User/Preferences.sublime-settings", which overrides the settings in here.  4 //  5 // Settings may also be placed in file type specific options files, for  6 // example, in Packages/Python/Python.sublime-settings for python files.  7 {  8     // Sets the colors used within the text area  9     //主题文件 10     "color_scheme": "Packages/Color Scheme - Default/Monokai.tmTheme", 11  12     // Note that the font_face and font_size are overriden in the platform 13     // specific settings file, for example, "Preferences (linux).sublime-settings". 14     // Because of this, setting them here will have no effect: you must set them 15     // in your User File Preferences. 16     //字体样式、大小 17     "font_face": "", 18     "font_size": 10, 19  20     // Valid options are "no_bold", "no_italic", "no_antialias", "gray_antialias", 21     // "subpixel_antialias", "no_round" (OS X only) and "directwrite" (Windows only) 22     // 字体选项：no_bold不显示粗体字，no_italic不显示斜体字，no_antialias和no_antialias关闭反锯齿 23     // subpixel_antialias和no_round是OS X系统独有的 24     // directwrite是Windows系统独有的 25     "font_options": [], 26  27     // Characters that are considered to separate words 28     // 在文字上双击会全选当前的内容，如果里面出现以下字符，就会被截断 29     "word_separators": ".///()/"'-:,.;<>~!@#$%^&*|+=[]{}`~?", 30  31     // Set to false to prevent line numbers being drawn in the gutter 32     // 是否显示行号 33     "line_numbers": true, 34  35     // Set to false to hide the gutter altogether 36     // 是否显示行号边栏 37     "gutter": true, 38  39     // Spacing between the gutter and the text 40     // 行号边栏和文字的间距 41     "margin": 4, 42  43     // Fold buttons are the triangles shown in the gutter to fold regions of text 44     // 是否显示代码折叠按钮 45     "fold_buttons": true, 46  47     // Hides the fold buttons unless the mouse is over the gutter 48     // 不管鼠标在不在行号边栏，代码折叠按钮一直显示 49     "fade_fold_buttons": true, 50  51     // Columns in which to display vertical rulers 52     //列显示垂直标尺，在中括号里填入数字，宽度按字符计算 53     "rulers": [], 54  55     // Set to true to turn spell checking on by default 56     // 是否打开拼写检查 57     "spell_check": false, 58  59     // The number of spaces a tab is considered equal to 60     // Tab键制表符宽度 61     "tab_size": 4, 62  63     // Set to true to insert spaces when tab is pressed 64     // 设为true时，缩进和遇到Tab键时使用空格替代 65     "translate_tabs_to_spaces": false, 66  67     // If translate_tabs_to_spaces is true, use_tab_stops will make tab and 68     // backspace insert/delete up to the next tabstop 69     // translate_tabs_to_spaces设置为true，Tab和Backspace的删除/插入作用于制表符宽度 70     // 否则作用于单个空格 71     "use_tab_stops": true, 72  73     // Set to false to disable detection of tabs vs. spaces on load 74     // false时禁止在载入的时候检测制表符和空格 75     "detect_indentation": true, 76  77     // Calculates indentation automatically when pressing enter 78     // 按回车时，自动与制表位对齐 79     "auto_indent": true, 80  81     // Makes auto indent a little smarter, e.g., by indenting the next line 82     // after an if statement in C. Requires auto_indent to be enabled. 83     //针对C语言的 84     "smart_indent": true, 85  86     // Adds whitespace up to the first open bracket when indenting. Requires 87     // auto_indent to be enabled. 88     // 需要启用auto_indent，第一次打开括号缩进时插入空格？（没测试出来效果&hellip;） 89     "indent_to_bracket": false, 90  91     // Trims white space added by auto_indent when moving the caret off the 92     // line. 93     // 显示对齐的白线是否根据回车、tab等操作自动填补 94     "trim_automatic_white_space": true, 95  96     // Disables horizontal scrolling if enabled. 97     // May be set to true, false, or "auto", where it will be disabled for 98     // source code, and otherwise enabled. 99     // 是否自动换行，如果选auto，需要加双引号100     "word_wrap": "auto",101 102     // Set to a value other than 0 to force wrapping at that column rather than the103     // window width104     // 设置窗口内文字区域的宽度105     "wrap_width": 0,106 107     // Set to false to prevent word wrapped lines from being indented to the same108     // level109     // 防止被缩进到同一级的字换行110     "indent_subsequent_lines": true,111 112     // Draws text centered in the window rather than left aligned113     // 如果没有定义过，则文件居中显示（比如新建的文件）114     "draw_centered": false,115 116     // Controls auto pairing of quotes, brackets etc117     // 自动匹配引号，括号等118     "auto_match_enabled": true,119 120     // Word list to use for spell checking121     // 拼写检查的单词列表路径122     "dictionary": "Packages/Language - English/en_US.dic",123 124     // Set to true to draw a border around the visible rectangle on the minimap.125     // The color of the border will be determined by the "minimapBorder" key in126     // the color scheme127     // 代码地图的可视区域部分是否加上边框，边框的颜色可在配色方案上加入minimapBorder键128     "draw_minimap_border": false,129 130     // If enabled, will highlight any line with a caret131     // 突出显示当前光标所在的行132     "highlight_line": false,133 134     // Valid values are "smooth", "phase", "blink", "wide" and "solid".、135     // 设置光标闪动方式136     "caret_style": "smooth",1