sublime 3及經常使用插件

一、瞭解Zen Coding：

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

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

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

http://www.sublimetext.com/3

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

三、emmet經常使用縮寫

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

我導出了pdf版，須要的同窗能夠下載：

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

四、Alignment

功能：」=」號對齊

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

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

五、SublimeCodeIntel

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

六、FileDiffs

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

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

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

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

八、增強側邊欄（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的中括號中，並保存

九、版本管理git

十、view in browser

十一、ConvertToUTF8

十二、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>

1三、autofilename

文件路徑自動提示

1四、Bracket Highlighter

功能：代碼匹配

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

使用：點擊對應代碼便可

1五、Clipboard Manager

功能：粘貼板歷史記錄

簡介：方便使用複製/剪切的內容

使用：

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

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

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

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