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

 

三、配置

  點擊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

發佈了51 篇原創文章 · 獲贊 33 · 訪問量 28萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章