sublime Text 開發工具

簡介描述

Sublime Text 是一個跨平臺的編輯器，同時支持Windows、Linux、Mac OS X等操做系統。,具備漂亮的用戶界面和強大的功能，例如代碼縮略圖，Python的插件，代碼段等。還可自定義鍵綁定，菜單和工具欄。Sublime Text 的主要功能包括 拼寫檢查，書籤，完整的 Python API ， Goto 功能，即時項目切換，多選擇，多窗口等等。具備如下優勢

• 體積較小，運行速度快

• 文本功能強大

• 支持編譯功能且可在控制檯看到輸出

• 內嵌python解釋器支持插件開發以達到可擴展目的

• Package Control：ST支持的大量插件可經過其進行管理

經常使用快捷鍵

快捷鍵組合	功能說明
Ctrl+Shift+/	‘/**/’ 註釋已選擇內容
Ctrl+/	‘//’註釋
Shift+Tab	去除縮進
Ctrl+Shift+P	打開命令面板
Ctrl+Shift+K	刪除整行
Ctrl+Shift+↑	與上行互換
Ctrl+Shift+↓	與下行互換
Ctrl+Shift+[	摺疊代碼
Ctrl+Shift+]	展開代碼
F11	全屏模式
Tab	縮進 自動完成
Ctrl+G	跳轉到指定行
Ctrl+L	選擇整行（按住-繼續選擇下行）
Ctrl+D	選擇字符串 （按住-繼續選擇下個相同的字符串）
Ctrl+U	軟撤銷
Ctrl+T	詞互換
Ctrl+Shift+D	複製當前行
Ctrl+Z	撤銷
Ctrl+Y	恢復撤銷
ctrl+h	查找替換
ctrl+f	查找
ctrl+w	關閉當前窗口
ctrl+ Shift + f	跨文件編輯

實用擴展功能

Snippets（代碼片斷）功能

在編寫代碼時,總會遇到反覆使用的代碼片斷。致使了反覆複製粘貼影響效率，利用Sublime Text的snippet功能，就能解決這一問題。即把咱們經常使用的代碼分別保存起，而後經過插件的形式來反覆調用。

一、建立方法：Tools（工具）- > New Snippet（新代碼片斷）,會看到如下結構

<snippet>
    <content><![CDATA[ 你須要插入的代碼片斷${1:name} ]]></content>
    <!-- 可選：快捷鍵，利用Tab自動補全代碼的功能 -->
    <tabTrigger>xyzzy</tabTrigger>
    <!-- 可選：使用範圍，不填寫表明對全部文件有效。附：source.css和test.html分別對應不一樣文件。 -->
    <scope>source.python</scope>
    <!-- 可選：在snippet菜單中的顯示說明（支持中文）。若是不定義，菜單則顯示當前文件的文件名。 -->
    <description>My Fancy Snippet</description>
</snippet>

二、參數說明

參數	說明
${1:name}	表示代碼插入後，光標所停留的位置，可同時插入多個。其中:name爲自定義參數（可選）
${2}	表示代碼插入後，按Tab鍵，光標會根據順序跳轉到相應位置（以此類推）

三、實踐案例

<snippet>
     <content>
     <![CDATA[
             // +-------------------------------------------
            // | ThinkPHP [ WE CAN DO IT JUST THINK IT ]
           // +---------------------------------------------
          // | Copyright (c) 2006-2012 
         // +--------------------------------------------------
        // | Author: liu21st <liu21st@gmail.com>
       // +----------------------------------------------------
    ]]>
    </content>
     <tabTrigger>tp</tabTrigger>
     <description>ThinkPHP...</description>
     <!--<scope>test.php</scope> -->
</snippet>

建立完畢之後，保存在\Packages\User目錄下，文件命名爲tp，後綴名.sublime-snippet。打開一個html文件，輸入cft，再按Tab鍵，剛纔咱們所編寫的代碼段，就插入了進來。

直接在sublime text 編譯執行PHP功能

打開「tool」 ->「Build System」 ->「New Build System…」，自動出現一個默認的配置，直接刪掉，替換爲如下代碼， 保存在默認的目錄便可。寫完一個php文件，保存後只須要 按下 Ctrl + B，就能夠進行調試了

{ 
    "cmd": ["php", "$file"],
    "file_regex": "php$", 
    "selector": "source.php",
    "path" : "E:\\phpStudy\\php53"    //PHP環境路徑
}

自定義代碼提示（更新中）

安裝經常使用插件

一、安裝Package Control

• 按Ctrl+調出console ,粘貼安裝代碼（見擴展閱讀）到底部命令行並回車,重啓Sublime Text 2,若是在Perferences->package settings中看到package control`這一項，則安裝成功。

二、用Package Control安裝其餘插件

• 按下Ctrl+Shift+P調出命令面板 輸入install 調出 Install Package 選項並回車，而後在列表中選中要安裝的插件。

GBK to UTF8

將文件編碼從GBK轉換成UTF8，快捷鍵Ctrl+Shift+C

zenCoding

zenCoding是一種快速的html、css編寫方式。默認用tab鍵. 已經改名爲Emmet。

JS Format

一個JS代碼格式化插件。默認ctrl+alt+f

Git

代碼版本管理

ChineseLocalization

漢化插件，支持無縫切換中文、日語、英文，安裝完在 幫助-> language 切換

DocBlockr (待續挖掘)

註釋模板

CTags

快速定位方法，選中方法，安裝完後，先執行ctrl+t和ctrl+r纔會生效,ctrl+shift+鼠標左鍵(ctrl+t,ctrl+t)，跳轉至該方法，再按ctrl+shift+鼠標右鍵(ctrl+t,ctrl+b)會跳轉回來。

AndyJS

js代碼提示

jquery

jq代碼提示

Sublime Tmpl

快速生成文件模板, 比較當前文件與選中的代碼、剪切板中代碼、另外一文件、未保存文件之間的差異。可配置爲顯示差異在外部比較工具，精確到行，使用：右鍵標籤頁，出現FileDiffs Menu或者Diff with Tab…選擇對應文件比較便可.默認快捷鍵，以下：

• ctrl+alt+h html

• ctrl+alt+j javascript

• ctrl+alt+c css

• ctrl+alt+p php

• ctrl+alt+r ruby

• ctrl+alt+shift+p python

• FileDiffs

AutoFileName

快捷輸入文件名，自動完成文件名的輸入，如圖片選取 使用：輸入」/」或」../」便可看到相對於本項目文件夾的其餘文件

SubmlimeEnhancements

加強右鍵功能，並能夠設置瀏覽器快捷鍵,安裝此插件，點擊工具欄的preferences > package setting > side bar > Key Building-User，鍵入如下代碼，設置按Ctrl+Shift+C複製文件路徑，按F1~F5分別在firefox，chrome，瀏覽器預覽效果，固然你也能夠本身定義喜歡的快捷鍵，最後注意代碼中的瀏覽器路徑要以本身電腦裏的文件路徑爲準。配置以下：

[
    //設置按Ctrl+Shift+C複製文件路徑
    { "keys": ["ctrl+shift+c"], "command": "copy_path" },
    //firefox
    { "keys": ["f1"], "command": "side_bar_files_open_with",
        "args": {
            "paths": ["http://localhost/"],
            "application":"C:\\R\\MozillaFirefox\\firefox.exe",
            "extensions":".*" //匹配任何文件類型
        }
    },
    //chrome   繼續配置多個

]

SublimeCodeIntel

一個全功能的 Sublime Text 代碼自動完成引擎,支持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