Sublime Text3 插件安裝教程

2022-01-09 三七驛館
之前有篇文章寫到了眾多 Python 編寫器的優勢與不足【Python 編寫器，對比見真知】，今天，就網上大神分享的 Sublime Text 3 的插件安裝進行整理分享。


——三七驛館

官網下載地址：

http://www.sublimetext.com/3

安裝文件及插件已整理到網盤

公眾號後臺回覆：Sublime Text3

獲取雲盤連結

安裝步驟：

  

1、安裝 Sublime text 3

安裝過程較簡單，不再截圖贅述，正常安裝成功後，雙擊創建好的桌面快捷方式。

之後設置如下內容：

①打開側邊欄：View -> Side Bar -> Show SideBar (Ctrl+B,Ctrl+K)

②打開上邊欄：快捷鍵Ctrl + Shift + P進入管理器，輸入View，選擇Toogle Tabs

③設置字體及字體大小

菜單「Preferences--->Setting 」，

打開「Preferences.sublime-settings-User」

 

如下圖添加所需代碼，根據自己的喜好進行設置。設置字體用"font_face":"字體名稱"，設置字體大小用"font_size":"字體大小"，注意它們之間需要用逗號隔開。

 

2、開始安裝插件

2.1、安裝Package Control 組件

Package Control 是 Sublime Text 插件包管理器。它包含可供安裝的2,500多個軟體包的列表，用戶可以自己添加任何 GitHub 或 BitBucket 存儲庫。簡單的說，也就是 sublime Text 只有安裝了 Package control 組件，後期才能安裝各種不同的插件。有了它，我們就可以很方便的瀏覽、安裝和卸載 Sublime Text 中的插件。

Sublime安裝Package control組件有兩種方法：

打開sublime界面，按Ctrl+shift+P組合鍵，然後可調出以下界面：

搜索 install package control，然後直接點擊。

安裝好後就會顯示成功安裝信息，點擊確定即可。步驟較簡單，不再附圖說明

打開sublime界面，按 Ctrl+` (此符號為tab按鍵上面的按鍵)組合鍵，即可調出命令行。

然後粘貼以下代碼到命令行並回車：

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()
耐心等待安裝即可。
最後看到以下組件顯示就表示安裝組件成功了。
2.2、SideBarEnhancements 插件
插件地址：https://github.com/titoBouzout/SideBarEnhancements/tree/st3快捷鍵 Ctrl+Shift+p ，打開管理器。在頂部的懸浮對話框，輸入 「install」, 然後下選點擊 「Package Control: Install Package」。在出現的懸浮對話框中輸入 「SideBar」, 然後點選下面的 「SideBarEnhancements 」 插件，就會自動開始安裝，耐心等待即可
安裝過程中，在底端狀態欄可看到安裝過程
安裝成功後，下方會顯示 
「SideBarEnhancements successfully installed」，
表示安裝完成，同時也可以根據下圖中指示，查看插件是否成功安裝
該插件的效果如下：
可以下載完整的插件包後解壓，放入Packages 目錄下，以達到安裝插件的目的。答：在「Sublime Text 3」頂部欄，點擊菜單  「Preferences->Browse Packages...」
然後你就可以把下載後解壓好的插件包複製到這個 Packages 目錄下。
當然，如果你熟悉 git，你還可以用 git 從插件的 GitHub 庫直接克隆插件包到 Packages 目錄下。
 
2.3、ConvertToUTF8 插件
功能說明：ConvertToUTF8 能將除UTF8編碼之外的其他編碼文件在 Sublime Text 中轉換成UTF8編碼，在打開文件的時候一開始會顯示亂碼，然後一剎那就自動顯示出正常的字體，當然，在保存文件之後原文件的編碼格式不會改變。 
安裝步驟：Ctrl+Shift+P面板，搜索插件 BracketHighlighter 點擊安裝即可。
2.4、BracketHighlighter 插件
功能說明：高亮顯示匹配的括號、引號和標籤。
安裝步驟：
1. Ctrl+Shift+P 打開管理器，安裝插件BracketHighlighter
2. preferences–>package settings–>Bracket highlighter–>Bracket settings，把 Bracket settings-Default 內容複製到 sublime-settings-User 
3. Ctrl+F 查詢到 「bracket_styles」，把 {} 中注釋的 // 都去掉，其中，color表示的設置選中部分的顏色，把該值改為以 brackethighlighter 開頭，style則全部改成hightlight，注意：後面的逗號一定加上！
 
2.5、Emmet 插件
功能說明：Emmet的前身是大名鼎鼎的Zen codin。前端開發必備，HTML 、CSS代碼快速編寫神器。
安裝方法：Ctrl+Shift+P面板，安裝插件
使用方法：默認快捷鍵 Tab/Ctrl+E
插件地址：https://github.com/serge he/emmet-sublime
輔助工具：PyV8 下載地址：https://github.com/emmetio/pyv8-binaries
注意：Emmet 插件需要 PyV8 插件支持，所以在安裝 Emmet 時，會自動安裝 PyV8 插件，如果安裝後 Emmet 不能正常使用，很可能是因為 PyV8 沒有安裝完全，Sublime Text 2 和 3 容易出現這個問題。你可以刪除它，然後手動下載，採用方法二安裝 PyV8 插件。
使用方法示例：
書寫代碼：ul#nav>li.item$*8>a{Item $}，
然後把光標定在這行代碼的最後面，按 Tab 鍵，就會自動生成：
更多更詳細的使用方法，請查閱 Emmet 官網：http://docs.emmet.io/
 
2.6、JsFormat 插件
功能說明：JavaScript代碼格式化。
使用方法：在打開的JavaScript文件裡點右鍵，選擇JsFormat。
插件地址：https://github.com/jdc0589/jsformat
 
2.7、ColorHighlighter 插件
功能說明：顯示所選顏色值的顏色，併集成了ColorPicker
插件地址：https://github.com/Monnoroch/ColorHighlighter
使用方法： 在16進位的顏色值上點右鍵，選擇「Insert color with color picker」,會彈性顏色拾色器
在需要的色塊上單擊選擇之後，顏色值和顯示顏色都會相應做出改變
2.8 Compact Expand CSS Command插件
功能說明：使CSS屬性展開及收縮，格式化CSS代碼。
使用方法：Ctrl+Alt+[ 收縮CSS代碼為一行顯示，Ctrl+Alt+] 展開CSS代碼為多行顯示。
插件地址：
https://gist.github.com/vitaLee/2863474 或者：https://github.com/TooBug/CompactExpandCss
快捷鍵Ctrl+Alt+[收縮CSS代碼為單行顯示： 
快捷鍵Ctrl+Alt+]展開CSS代碼為多行顯示：
2.9、SublimeTmpl 插件
功能說明：快速生成文件模板。
插件地址：https://github.com/kairyou/SublimeTmpl
使用方法：SublimeTmpl默認的快捷鍵如下，如果快捷鍵設置衝突可能無效。
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 文件
下圖為快捷鍵 Ctrl+Alt+h 新建的一個 HTML 文件。
相應的模板為tmpl格式的文件，保存在Packages 目錄中 SublimeTmpl\templates 下：
 
當然我們可以根據自己的喜好來更改模板格式。例如，把自己 html 的模板另存為至相同的目錄，更名為html.temp，類型選擇為"All Files" 即可 。
現在按快捷鍵 Ctrl+Alt+H，新建一個 html 文件，其格式就和更改後模板格式完全一樣了。如下圖： 
2.10、Alignment 插件
功能說明：使代碼格式的自動對齊。
安裝方法：Ctrl+Shift+P面板，安裝插件。
使用方法：快捷鍵 Ctrl+Alt+A，可能與QQ截圖衝突，二者中的一個要重置快捷鍵。
插件地址：https://github.com/kevinsperrine/sublime_alignment
 
2.11、AutoFileName 插件
功能說明：自動補全文件(目錄)名。
插件地址：https://github.com/BoundInCode/AutoFileName
安裝好後就可以來測試如何使用AutoFileName，先以html 為例，當輸入href=」」的同時，Sublime Text就會將現在編輯檔案的路徑為中心，判斷該路徑內的所有檔案。以這個檔案為範本它會去抓取跟 當前 html在同一層的檔案列表。
如果我們這次要link的是在某test資料夾內的 某文件，直接打上test/，就會跑出test資料夾內的檔案，整個用法以此類推 
如果需要連到上一層的 imgs 資料夾內的 test.png，那麼在前面打..(上層)，依序去選擇路徑即可
 
2.12、DocBlockr 插件
功能說明：快速生成 JavaScript (including ES6), PHP, ActionScript, Haxe, Java, C, CoffeeScript, TypeScript, Groovy, C++, Objective C and Rust語言函數注釋。
使用方法：在函數上面輸入/** ,然後按 Tab 就會自動生成注釋。
插件地址：https://github.com/spadgos/sublime-jsdocs 
 
2.13、HTML-CSS-JS Prettify 插件
功能說明：HTML、CSS、JS格式化。
插件地址：https://github.com/victorporof/Sublime-HTMLPrettify
安裝方法：安裝這個套件前必須先安裝node.js,指定 node.exe 的執行檔所在位置。進而安裝HTML-CSS-JS Prettify。
使用方法一：
View -> Show console 或者使用快捷鍵(Ctrl + `)，
在命令列的地方輸入：
view.run_command("htmlprettify") 
然後按下Enter。
 
使用方法二：
默認快捷鍵：Ctrl+Shift+H。
你也可以自行設置快捷鍵：菜單
「Preferences->Key Bindings–User」 
裡新增：
{
"keys": ["ctrl+shift+o"],
"command": "htmlprettify"
}
 
完成後保存，以上代碼設定執行此插件的快捷鍵是：Ctrl+Shfit+O，自己設定的話就要測試一下，不要跟其他快捷鍵衝突。
2.14、View In-Browser 插件
功能說明：Sublime Text保存後網頁自動同步更新。
插件地址：https://github.com/adampresley/sublime-view-in-browser
使用方法：在打開的文檔任一處點右鍵，選擇「View In Browser」，就會用默認的瀏覽器自動打開該文件。
查看結果：
如果你想更換此操作的默認瀏覽器，你可以打開該插件的設置頁：Setttings-User 按以下方法設置：
打開 「View In Browser.sublime-settings」
寫入以下代碼：
這樣就把它默認設置為谷歌瀏覽器了，當然還可以改成「Firefox」, 「Safari」 等等，前提是你的電腦事先已安裝好了這些瀏覽器。
 
2.15、LiveReload 插件
功能說明：調試網頁實時自動更新。
使用說明：快捷鍵 Ctr+Alt+V
插件地址：https://github.com/dz0ny/LiveReload-sublimetext2
同時Chrome瀏覽器也要安裝LiveReload 的擴展插件。
2.16、Theme-Soda 插件
功能說明：最受歡迎 SublimeText 主題之一
插件地址：https://github.com/buymeasoda/soda-theme
安裝完成後，點擊菜單
Preferences--->Settings - User，
根據需要的主題效果，添加如下代碼。
      Soda 亮色主題請添加：
{
"soda_classic_tabs": true,
"theme": "Soda Light 3.sublime-theme",
}     
      Soda 暗色主題請添加：
{
"soda_classic_tabs": true,
"theme": "Soda Dark 3.sublime-theme",
}
      
如果加代碼 "soda_classic_tabs":true，文件標籤頁形狀會如下顯示：
 
如果不添加此行代碼，文件標籤頁形狀會如下顯示：
 
除此之外，還有其他的Sublime Text 主題插件：
Theme-Flatland 插件
插件地址：
https://github.com/thinkpixellab/flatland
Theme-Nexus 插件
插件地址：
https://github.com/EleazarCrusader/nexus-theme
2.17、SublimeCodeIntel 插件
功能說明：智能提示。
插件地址：https://github.com/SublimeCodeIntel/SublimeCodeIntel
 
2.18、LESS 插件
功能說明：LESS語法高亮顯示。
安裝方法：Ctrl+Shift+P面板，搜索 LESS 安裝插件
3、查看插件列表
快捷鍵 Ctrl+Shift+P，在對話框中輸入 「package control list」， 選擇「Package Control: List Packages」。
會列出所有已安裝的插件。這樣可以很方便地了解自己已經安裝了哪些插件。
 
4、移除插件
有時候我們需要移除自己不想要的插件，具體操作如下：快捷鍵 Ctrl+Shift+P，在對話框中輸入「remove」，選擇「Package Control: Remove Packages」。
 
然後在出現的插件列表中選你要移除的插件。
 
5、Sublime Text 的窗口操作
1、分屏
      Sublime Text有多種分屏形式，讓我來具體地看一看。菜單 「View-Layout」就可以選擇你的分屏樣式。
 
對應的快捷鍵與分屏情況如下：
Alt+Shift+1       Single            獨屏
Alt+Shift+2       Columns:2     縱向二欄分屏
Alt+Shift+3       Columns:3     縱向三欄分屏
Alt+Shift+4       Columns:4     縱向四欄分屏
Alt+Shift+8       Rows:2           橫向二欄分屏
Alt+Shift+9       Rows:3           橫向三欄分屏
Alt+Shift+5       Grid                四格式分屏
 
2、創建新窗
快捷鍵Ctrl+Shift+N 創建一個新窗口。
至此，恭喜，SublimeText3 常用且高效的插件已經成功安裝了。
下面一句話，與君共勉：
-精彩內容推薦-
-素材來源-
博客園，見原文連結
-排版編輯-
sk，奮鬥中的少年，志當存高遠，天涯若比鄰。愛好交友，一直在為成為最好的自己奮鬥者。座右銘：生命不息，奮鬥不止。
-往期內容推薦-

相關焦點

  • 教程性感編輯器Sublime Text 3插件安裝
    Package Control-管理Sublime插件的插件（安裝完package control後請重啟sublime）（1）自動安裝方法(如果安裝不成功，請使用下面的"2.手動安裝方法")d.通過上述方式安裝好package control插件好重啟sublime， package control就可以使用了。（3）如果在Perferences->package settings中看到package control這一項，則表明安裝成功。
  • sublime text中Emmet插件的安裝
    ，這就是emmet插件的作用，下面我來具體說一下，如何安裝emmet插件。->Installed Packages中，重啟sublime軟體，按照上面的方法檢查判斷是否成功安裝。這是因為在sublime進行插件下載時，會調用channel_v3.json文件，點擊Preferences->package settings->Package Control ->Setting Default，可以看到該文件是放置在網絡中進行讀取的，而由於GFW的原因，導致無法讀取該文件，這也就是導致插件無法下載的原因。
  • 開發者最常用的 8 款 Sublime text 3 插件
    種類繁多、功能強大的插件更給Sublime Text 3錦上添花。下載Package Control後就可以迅速的開啟插件之路。1.Soda ThemeSublime Text 3中較為常用的一款自定義編輯器主題，用過的人都說好。Soda Theme包含代碼著色、標籤、圖標，擁有light和dark兩種顏色主題便於用戶在不同時間段使用。
  • 開發者最常用的8款Sublime text 3插件
    種類繁多、功能強大的插件更給Sublime Text 3錦上添花。下載Package Control後就可以迅速的開啟插件之路。Sublime Text 3中較為常用的一款自定義編輯器主題，用過的人都說好。Soda Theme包含代碼著色、標籤、圖標，擁有light和dark兩種顏色主題便於用戶在不同時間段使用。
  • Sublime Text 3最好的功能、插件和設置
    它不僅具有令人難以置信的內置功能（多行編輯和VIM模式），而且還支持插件，代碼片段和其他許多東西。　　我知道，網上已經有許多關於 Sublime Text 3 的文章，這事好事情。在這篇文章中，我們將看到 Sublime Text 3 的最好的部分，您可能已經聽說過其中的一些，但也許其他一些人還不知道。
  • 推薦一個簡易又強大的神級python編輯器:sublime text3
    受大眾喜愛的python編輯器主要有這幾款：pycharm、atom、sublime-text、spyder、python自帶的IDLE等，當然有些大神會用純文本編輯器。那你使用過哪款編輯器呢？先投個票唄
  • sublime text 3下載與安裝詳細教程(附下載連結)
    等待其安裝完成後關閉程序，重新啟動「Sublime Text 3」，點開菜單「Preferences」可見「Package Control」項，說明插件管理包已安裝成功。 當插件安裝成功後，Sublime Text 3 編輯器底端的狀態欄會有安裝成功的提示。
  • 如何優雅地使用Sublime Text3
    Sublime Text 3安裝插件Sublime Text的強大就是她擁有強大的課可擴展性。您可根據自己的需要安裝不同的插件；這使得她變的無比強大的同時又不失輕便。安裝Sublime text 3插件很方便，可以直接下載安裝包解壓縮到Packages目錄（菜單->preferences->packages）。
  • 最全Sublime Text教程
    2.可擴展：Vim 和 Sublime Text 都是可擴展的（Extensible），並包含大量實用插件，我們可以通過安裝自己領域的插件來成倍提高工作效率。3.互補：Vim 和 Sublime Text 分別是命令行環境（CLI）和圖形界面環境（GUI）下的最佳選擇，同時使用兩者會大大提高工作效率。
  • 玩轉Sublime Text 3|軟體安裝與漢化(附下載連結)
    我在平時寫博客、編輯文本時，習慣用Sublime Text 3，慢慢已經離不開它了！今天就以macOS系統為例，和大家聊聊Sublime Text 3的安裝與漢化。當然，未來可能會深度介紹Sublime Text 3的使用技巧。
  • 超級詳細的Sublime Text中文教程
    2.可擴展：Vim 和 Sublime Text 都是可擴展的（Extensible），並包含大量實用插件，我們可以通過安裝自己領域的插件來成倍提高工作效率。3.互補：Vim 和 Sublime Text 分別是命令行環境（CLI）和圖形界面環境（GUI）下的最佳選擇，同時使用兩者會大大提高工作效率。
  • Python環境搭建和sublime text 3配置(新手向)
    Anaconda是Python的一個發行版，集合了jupyter notebook，pip，ipython.反正對於新手來說不需要明白這些東西，裝就完事了安裝Anaconda安裝路徑建議如圖所示，安裝到D:\Anaconda3，這樣後面可以偷懶一步
  • sublime text3 怎麼免費激活使用
    現在很多人都會使用 sublime text3 編輯文本或者代碼，那麼要怎麼免費激活使用 sublime text3 呢？#vi編輯器#sublimetext3工具：演示工具：電腦 windows10演示軟體：sublime text3 V3.2.2 3211
  • 收藏:因為有這篇Sublime Text使用教程,我立即卸載掉了Notepad+...
    2.可擴展：Vim 和 Sublime Text 都是可擴展的（Extensible），並包含大量實用插件，我們可以通過安裝自己領域的插件來成倍提高工作效率。3.互補：Vim 和 Sublime Text 分別是命令行環境（CLI）和圖形界面環境（GUI）下的最佳選擇，同時使用兩者會大大提高工作效率。
  • Sublime Text 3 for Mac破解版
    文Sublime Text 3是很多程序猿的心頭愛。其漂亮的用戶界面和非凡的功能，再配合一些插件能大大提升開發者的工作效率。
  • Sublime Text Build 3211完美激活
    軟體安裝之前，需要在hosts文件中添加以下內容(屏蔽官網聯網檢測)：hosts的位置一般在C:\Windows\System32\drivers\etc下，找到hosts文件後滑鼠右鍵用記事本打開，在最後一行輸入如下內容：127.0.0.1    license.sublimehq.com  然後關閉，保存即可3.
  • 【BBT乾貨】代碼利器—Sublime Text 3的優雅打開方式
    Sublime Text: The text editor you'll fall in love with
  • 20 個強大的 Sublime Text 插件
    這個特別的插件將幫助你妥善構建包括壓縮選項在內的SASS文件。一旦你安裝了這個插件，你可以很容易地通過按Ctrl+ B（MAC系統是 Command +B）來啟動它。18.因為有了這個特殊的「插件包」，你可以很容易地安裝、升級、刪除，甚至非常方便地查看您已經安裝在SublimeText中的包或插件的列表。它通過菜單和對應的行為使這些過程變得非常容易和有組織。17.
  • Sublime Text 3搭建全棧式Python開發環境
    本教程假設讀者使用的是Mac電腦並熟悉終端，如果你使用的是Windows或Linux，許多命令會不同，但是你可以通過Google來解決。一旦安裝完成，你就可以使用Package Control來安裝/刪除/升級所有其他的ST3 軟體包。 1. 拷貝這裡的Python代碼來為Sublime Text 3 安裝Package Control，單擊View > Show Console來打開ST3的控制臺，把上面的代碼粘貼到控制臺中，按下Enter，然後重啟ST3； 2.
  • Sublime Text 3176 for Mac 破解版 + 中文漢化插件下載 – 優秀的文本代碼開發工具
    Sublime Text具有漂亮的用戶界面和強大的功能，例如代碼縮略圖，Python的插件，代碼段等。還可自定義鍵綁定，菜單和工具欄。Sublime Text 的主要功能包括：拼寫檢查，書籤，完整的 Python API ，Goto 功能，即時項目切換，多選擇，多窗口等等。