開發人員常用的10個Sublime Text插件

jopen 10年前發布 | 130K 次閱讀 Web開發工具 Sublime Text

Sublime是一個新興的文本編輯器,它的輕巧和功能強大已經吸引了大批的程序員,目前它還是beta版本,但它的社區和插件的開發都非常活躍。它還有插件提供VIM的支持,連我這么多年的VI死忠粉都開始倒戈。但沒有最好,只有更好,期待Sublime持續的開發給我們帶來新的驚喜。

這個列表列出了十個插件,推薦給開發人員。

10. Package control

Package control是必裝插件,所有其他的插件和主題都可以通過它來安裝。希望它能出現在正式版默認包中。

首先參照下面的教程來安裝Package Control:

  • 如何安裝Package Control
  • </ul>

    9. Bracket Highlighter

    用于匹配括號,引號和html標簽。對于很長的代碼很有用。安裝好之后,不需要設置插件會自動生效。

    開發人員常用的10個Sublime Text插件

    8. DocBlockr

    DocBlockr可以自動生成PHPDoc風格的注釋。它支持的語言有Javascript, PHP, ActionScript, CoffeeScript, Java, Objective C, C, C++。

    使用方法

    開發人員常用的10個Sublime Text插件

    按下Enter或者Tab鍵,代碼自動變成

    開發人員常用的10個Sublime Text插件

    7. SideBar Enhancements

    這個插件改進了側邊欄,增加了許多功能:將文件移入回收站,在瀏覽器中瀏覽,將文件復制到剪切板。

    開發人員常用的10個Sublime Text插件

    6. Prefixr

    由于CSS3和HTML5的W3C規范都尚未統一,各大瀏覽器對標準的支持還是有差異的。所以在編寫CSS3代碼還需要針對不同的瀏覽器寫一堆的CSS3代碼前綴。Prefixr插件能將CSS3代碼自動生成跨瀏覽器CSS代碼。

    使用方法

    .box {
       border-radius: 10px;
       box-shadow: 0 0 5px rgba(0,0,0,.4);
    }

    按下control + command + X(Mac)或者 ctrl + Alt + X(Windows),會轉換成:

    .box {
       -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
       border-radius: 10px;

    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.4); -moz-box-shadow: 0 0 5px rgba(0,0,0,.4); box-shadow: 0 0 5px rgba(0,0,0,.4); }</pre>

    5. Emmet(Zen Coding)

    大名鼎鼎的Zen Coding改名作Emmet啦,Zen Coding的Sublime Text 2插件也不再更新,現在整個項目搬到了Emmet了。僅僅需要一行代碼就能快速生成html代碼。

        ul#nav>li.item$*4>a{Item $}

    你只需要按下control + E,代碼就會自動展開成:

    
    

    還沒試過的童鞋一定要試一下,體驗一下Emmet的神奇功能吧。

    4. Git

    Git是我最喜歡的版本控制系統,如果你每天要使用Git,那這個插件對你來說必不可少了。

    使用Package Control下載后,你只需要調出命令面板,輸入Git,便能找到所有常用的功能。

    開發人員常用的10個Sublime Text插件

    3. JSLint

    JSLint是一個Javascript代碼質量檢測工具。它可以告訴你代碼的什么地方需要改進。雖然你也可以在網上檢測,但這個插件能讓你不打開瀏覽器,直接在Sublime里面檢測。

    使用方法

    按下Shift + Command + P(Mac)或是Shift + Ctrl + P(Windows)調出命令面板,找到JSLint: Run JSLint,按下Enter,JSLint會輸出結果到狀態欄。

    開發人員常用的10個Sublime Text插件

    2. Sublime Linter

    這個插件幫你找到代碼中的錯誤。它支持很多語言:PHP, Python, Java, CoffeScript, CSS, HTML, JavaScript, Perl, PHP, Python, Ruby, XML等。Javascript需要安裝Node.js引擎,其他配置詳見項目主頁。強烈推薦安裝。

    開發人員常用的10個Sublime Text插件

    1. Sublime CodeIntel

    Sublime CodeIntel是我最喜歡的插件,它提供了很多IDE提供的功能,例如代碼自動補齊,快速跳轉到變量定義,在狀態欄顯示函數快捷信息等。

    它支持的語言有:PHP, Python, RHTML, JavaScript, Smarty, Mason, Node.js, XBL, Tcl, HTML, HTML5, TemplateToolkit, XUL, Django, Perl, Ruby, Python3.

    雖然有時候有點小問題,但真的能節省很多時間。強烈推薦安裝。

    開發人員常用的10個Sublime Text插件

    0. Dayle Rees顏色主題

    盡管Sublime自帶的顏色主題已經夠棒了,但也有審美疲勞的一天,這時,你可以下載Dayle Rees主題,有多款主題可選。

    開發人員常用的10個Sublime Text插件

    整理自:henriquebarroso.com

    來自:http://www.ladyloveit.com/sublime/developers-commonly-used-10-sublime-text-plugin/

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!