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/

我導(dǎo)出了pdf版，需要的同學(xué)可以下載：

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

4、Alignment

功能：”=”號(hào)對(duì)齊

簡(jiǎn)介：變量定義太多，長(zhǎng)短不一，可一鍵對(duì)齊

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

5、SublimeCodeIntel

SublimeCodeIntel 作為一個(gè)代碼提示和補(bǔ)全插件，支持 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 等所有語(yǔ)言，是 Sublime Text 自帶代碼提示功能基礎(chǔ)上一個(gè)更好的擴(kuò)展，自帶代碼提示功能只可提示系統(tǒng)代碼，而SublimeCodeIntel則可以提示用戶自定義代碼。SublimeCodeIntel支持跳轉(zhuǎn)到變量、函數(shù)定義的功能，另外還有自動(dòng)補(bǔ)全的功能，十分方便。

6、FileDiffs

功能：強(qiáng)大的比較代碼不同工具

簡(jiǎn)介：比較當(dāng)前文件與選中的代碼、剪切板中代碼、另一文件、未保存文件之間的差別?？膳渲脼轱@示差別在外部比較工具，精確到行。

使用：右鍵標(biāo)簽頁(yè)，出現(xiàn)FileDiffs Menu或者Diff with Tab…選擇對(duì)應(yīng)文件比較即可

7、GBK Support

功能：中文識(shí)別

簡(jiǎn)介：Sublime Text 2可識(shí)別UTF-8格式的中文，不識(shí)別GBK和ANSI，因此打開很多含中文的文檔都會(huì)出現(xiàn)亂碼?？梢酝ㄟ^安裝插件GBK Support,來(lái)識(shí)別GBK和ANSI。

使用：

Open a GBK File

Save file with GBK encoding

Change file encoding from utf8 to GBK or GBK to utf8

8、加強(qiáng)側(cè)邊欄（SideBarEnhancements） 

點(diǎn)擊Open/Run選項(xiàng)。則只打開了該文件如圖；若Open In Browser → 右側(cè)任意一欄（點(diǎn)擊），則在瀏覽器中預(yù)覽

設(shè)置默認(rèn)預(yù)覽瀏覽器，文件（右鍵單擊） → Open In Browser → Default（點(diǎn)擊）時(shí)，會(huì)以默認(rèn)的瀏覽器打開，如果我們想自己設(shè)置默認(rèn)瀏覽器，我們應(yīng)該進(jìn)行如下配置：

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

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

{

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

}

設(shè)置用快捷鍵進(jìn)行快速預(yù)覽，當(dāng)我們需要快速預(yù)覽網(wǎng)頁(yè)時(shí)，需要進(jìn)行如下配置。

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

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

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

文件路徑自動(dòng)提示

14、Bracket Highlighter

功能：代碼匹配

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

使用：點(diǎn)擊對(duì)應(yīng)代碼即可

15、Clipboard Manager

功能：粘貼板歷史記錄

簡(jiǎn)介：方便使用復(fù)制/剪切的內(nèi)容

使用：

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

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

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

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