sublime 3及常用插件

1、了解Zen Coding：

https://www.baidu.com/link?url=c9YyfvWOfn0EtUrhKlZQ26ANUOD_CSqjgqqsb3lq6LQ05oy2MQs4hWEYLVTlFgHhZKLmtMPTq1xsk6MyyKQKGYoxVE8pudSPKorJacGzTJy&wd=&eqid=ed8e37ab0006abb800000002593bf5c2

http://www.cnblogs.com/EnSnail/p/6294897.html

2、官方下載sumblime 3及安裝Package Control，下載emmet插件

http://www.sublimetext.com/3

http://www.cnblogs.com/tinyphp/p/3217457.html

3、emmet常用縮寫

官方地址：http://docs.emmet.io/cheat-sheet/

我導出了pdf版，需要的同學可以下載：

鏈接：http://pan.baidu.com/s/1eQ74eSM 密碼：laz1

4、Alignment

功能：”=”號對齊

簡介：變量定義太多，長短不一，可一鍵對齊

使用：默認快捷鍵Ctrl+Alt+A和QQ截屏沖突，可設置其他快捷鍵如：Ctrl+Shift+Alt+A；先選擇要對齊的文本

5、SublimeCodeIntel

SublimeCodeIntel 作為一個代碼提示和補全插件，支持 JavaScript、Mason、XBL、XUL、RHTML、SCSS、Python、HTML、Ruby、Python3、XML、Sass、XSLT、Django、HTML5、Perl、CSS、Twig、Less、Smarty、Node.js、Tcl、TemplateToolkit 和 PHP 等所有語言，是 Sublime Text 自帶代碼提示功能基礎上一個更好的擴展，自帶代碼提示功能只可提示系統代碼，而SublimeCodeIntel則可以提示用戶自定義代碼。SublimeCodeIntel支持跳轉到變量、函數定義的功能，另外還有自動補全的功能，十分方便。

6、FileDiffs

功能：強大的比較代碼不同工具

簡介：比較當前文件與選中的代碼、剪切板中代碼、另一文件、未保存文件之間的差別。可配置為顯示差別在外部比較工具，精確到行。

使用：右鍵標簽頁，出現FileDiffs Menu或者Diff with Tab…選擇對應文件比較即可

7、GBK Support

功能：中文識別

簡介：Sublime Text 2可識別UTF-8格式的中文，不識別GBK和ANSI，因此打開很多含中文的文檔都會出現亂碼。可以通過安裝插件GBK Support,來識別GBK和ANSI。

使用：

Open a GBK File

Save file with GBK encoding

Change file encoding from utf8 to GBK or GBK to utf8

8、加強側邊欄（SideBarEnhancements） 

點擊Open/Run選項。則只打開了該文件如圖；若Open In Browser → 右側任意一欄（點擊），則在瀏覽器中預覽

設置默認預覽瀏覽器，文件（右鍵單擊） → Open In Browser → Default（點擊）時，會以默認的瀏覽器打開，如果我們想自己設置默認瀏覽器，我們應該進行如下配置：

①.菜單Sublime Text → Preferences → Package Settings → Side Bar → Settings User（點擊），則打開了Side Bar.sublime-settings文件。

②.復制下面的代碼，粘貼到Side Bar.sublime-settings中，并保存。

{

"default_browser": "firefox" //one of this list: firefox, aurora, chrome, canary, chromium, opera, safari

}

設置用快捷鍵進行快速預覽，當我們需要快速預覽網頁時，需要進行如下配置。

①.菜單Sublime Text → Preferences → Key Bindings（點擊），則打開了Defult(OSX).sublime-keymap — User文件。

②.復制下面的代碼，粘貼到Defult(OSX).sublime-keymap — User的中括號中，并保存

9、版本管理git

10、view in browser

11、ConvertToUTF8

12、snippets和completions

http://blog.useasp.net/archive/2015/11/30/sublime-text-create-multiple-snippets-in-one-file.aspx

.sublime-completions
{
   "scope": "source.python", 
   "completions":
   [
      { "trigger": "doc", "contents": "'''\n${1:TODO DOC HERE}\n'''" }
   ]
}

.sublime-snippet
<snippet>
    <content><![CDATA[
#!/usr/bin/env python
# -*- coding: utf-8 -*-
#
# Copyright @ ${1:2015} ${2:Mitchell Chu}
# Blog: http://blog.useasp.net/
 
]]></content>
    <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
    <tabTrigger>!python</tabTrigger>
    <!-- Optional: Set a scope to limit where the snippet will trigger -->
    <scope>source.python</scope>
</snippet>

13、autofilename

文件路徑自動提示

14、Bracket Highlighter

功能：代碼匹配

簡介：可匹配[], (), {}, “”, ”, <tag></tag>，高亮標記，便于查看起始和結束標記

使用：點擊對應代碼即可

15、Clipboard Manager

功能：粘貼板歷史記錄

簡介：方便使用復制/剪切的內容

使用：

    - Ctrl+alt+v：顯示歷史記錄

    - Ctrl+alt+d：清空歷史記錄

    - Ctrl+shift+v：粘貼上一條記錄（最舊）

    - Ctrl+shift+alt+v：粘貼下一條記錄（最新）