Sublime Text 熱門插件

時間 2019-11-19

標籤 sublime text 熱門插件欄目 HTML 简体版

原文原文鏈接

Sublime Text 熱門插件

俗話說：磨刀不誤砍柴工，做爲程序員，代碼編輯器就是咱們的斧頭，在寫代碼以前，配置好一個順手的編輯器就是很重要的了。Sublime Text 是一把好斧頭，而它豐富的插件就是磨刀石了。html

本文將爲你介紹最受歡迎的 50 個 Sublime Text 插件，大部分插件來自於 Package Control 上的熱門榜單。因爲 Sublime Text 2 再也不更新，Sublime Text 3 也已經穩定，因此替換了幾個不支持 Sublime Text 3 的插件。前端

手動安裝

本文所介紹的一部分插件並未在 Package Control 中包含，或 Package Control 中包含的是此插件的 Sublime Text 2 版本，因此你須要手動安裝它。node

打開菜單 Preferences -> Browse Packages…，使用 git clone 命令在此目錄克隆，而後使用 git checkout 命令切換到 Sublime Text 3 版本所在分支。固然你也能夠直接下載這個分支的壓縮文件並解壓到此目錄，但這樣沒法使用 git pull 命令獲取更新了。git

No.00 – Package Control (GitHub)

提到 Sublime Text，就不得不說 Package Control，就像 Linux 下的 apt-get 和 yum 同樣，它是 Sublime Text 的包管理器，你用它能夠輕鬆地找到你想要的插件和管理已有插件。程序員

安裝 Package Control 十分簡單，只須要打開控制檯（菜單 View -> Show Console 或快捷鍵 ctrl+`），將下列代碼粘貼進去便可。github

Pythonjson

1sublime-text

import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())服務器

No.01 – Emmet (GitHub)

Emmet 是一個前端開發的利器，其前身是 Zen Coding。它讓編寫 HTML 代碼變得簡單。Emmet 的基本用法是：輸入簡寫形式，而後按 Tab 鍵。markdown

好比，輸入 html:5，而後按 Tab 鍵，就會產生以下的代碼：

XHTML

<!doctype html>

<head>

<title>Document</title>

</head>

<body>

</body>

</html>

更復雜的好比 ul#nav>li.item$*4>a{Item $}：

XHTML

</ul>

關於 Emmet 的更多用法，請看官方文檔，這份速查表能夠幫你快速記憶簡寫形式。

No.02 – Theme – Soda (GitHub)

Soda Theme 是最受歡迎的 Sublime Text 主題。

安裝後你還須要在你的配置文件（菜單 Preferences -> Settings - User）中加入 "theme": "Soda Light.sublime-theme" 或"theme": "Soda Dark.sublime-theme"。要達到圖中的效果，你還須要下載與之搭配的 color scheme。

若是你喜歡 Soda Dark 和 Monokai，我建議你使用 Monokai Extended (GitHub)。這個 color scheme 是 Monokai Soda 的加強，若是再配合Markdown Extended (GitHub)，將大大改善 Markdown 的語法高亮。

No.03 – SublimeLinter (GitHub)

注意：此插件須要手動安裝並切換到 sublime-text-3 分支。

SublimeLinter 是一個代碼校驗插件，它能夠幫你找出錯誤或編寫不規範的代碼，支持 C/C++、CoffeeScript、CSS、Git Commit Messages、Haml、HTML、Java、JavaScript、Lua、Objective-J、Perl、PHP、Puppet、Python、Ruby 和 XML 語言。

在使用 SublimeLinter 以前，你要安裝相應的程序，詳見README。若是要校驗 JavaScript 或 CSS，你還要安裝 Node.js。

SublimeLinter 默認以 background 模式運行，在用戶輸入的同時即時校驗，若是你想要 Sublime Text 運行得更流暢，能夠改成 load-save 模式或 save-only 模式，在讀取和保存是校驗或只在保存時校驗。

打開 SublimeLinter 的配置文件：菜單 Preferences -> Package Settings -> SublimeLinter -> Settings - User，加入 "sublimelinter": "load-save"或 "sublimelinter": "save-only"

No.04 – SideBarEnhancements (GitHub)

SideBarEnhancements 是一款很實用的右鍵菜單加強插件，有以 diff 形式顯示未保存的修改、在文件管理器中顯示該文件、複製文件路徑、在側邊欄中定位該文件等功能，也有基礎的諸如新建文件/目錄，編輯，打開/運行，顯示，在選擇中/上級目錄/項目中查找，剪切，複製，粘貼，重命名，刪除，刷新等常見功能。

SideBarEnhancements 還有一個功能就是自定義打開文件的程序，在側邊欄中右鍵點擊一個文件（夾），選擇 Open With -> Edit Applications 就能夠修改關聯了，配置文件自帶示例，能夠很方便地套用。

Copy as Text... 是 SideBarEnhancements 的又一個特點功能，能夠複製包含各類形式的路徑、URL（甚至包括 base64 的 data:uri）、轉碼後的文件名、各類 HTML Tag（a、img、script、style）等。

No.05 – SublimeCodeIntel (GitHub)

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 以前你須要安裝相應程序並把路徑寫入 ~/.codeintel/config 或 project_root/.codeintel/config 中，ReadMe 中有詳細的說明，再也不贅述。

十分不建議把 SublimeCodeIntel 與其餘單個語言的擴展 package 一同使用，雖然不少語言擴展 package 比 SublimeCodeIntel 的代碼提示功能要完善。若是須要一同使用，請在用戶配置文件（菜單 Preferences -> Package Settings -> SublimeCodeIntel -> Settings - User 中加入下面的內容，並去掉要禁用的語言。

"codeintel_enabled_languages":

[

"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"

"codeintel_live_enabled_languages":

[

"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"

]

No.06 – Alignment (GitHub)

Alignment 是一個代碼格式化插件，它可使多行代碼中的等號對齊，也能夠調整多行代碼爲一個縮進級別，默認快捷鍵是 ctrl+alt+a（Mac OS 上是cmd+ctrl+a）。

No.07 – BracketHighlighter (GitHub)

BracketHighlighter 是一個括號、引號、標籤高亮插件，支持 []、()、{}、""、'' 和 <tag></tag> 等，比 Sublime Text 自帶的高亮要明顯得多。

No.08 – Git (GitHub)

Git 插件集成了 git 的經常使用功能，使用以前須要安裝 git 並寫入環境變量中。

No.09 – SFTP (HomePage)

SFTP 插件可使用 FTP 或 SFTP 協議鏈接遠程服務器，下載到本地的文件在保存的同時會上傳到服務器上，使修改服務器上的文件變得更加方便。此插件是收費插件，不註冊的話會每隔一段時間彈出提示。

安裝好插件後點擊菜單 File -> SFTP/FTP -> Setup Server... 來生成一個配置文件，修改好並保存後，點擊菜單 File -> SFTP/FTP -> Browse Serve...來鏈接遠程服務器。

注意：

1. 配置文件應該存放在菜單 Preferences > Browse Packages… 下的 User/sftp_servers 目錄下。

2. 若是在 Windows 下使用 ssh 而不是密碼鏈接遠程服務器，要用 PuTTY 把私鑰轉換爲 ppk 格式才能使用。

SFTP 還支持對一個文件夾進行映射。首先往 Sublime Text 拖入一個文件夾或點擊菜單 Project -> Add Folder to Project...，在側邊欄中右鍵點擊該文件夾，選擇 SFTP/FTP -> Map to Remote…。這會在該目錄中生成一個 sftp-config.json 文件，修改好配置文件並保存後，咱們就能夠對遠程服務器上的文件（夾）進行（批量）同步或修改了。