工程師的記事本,Sublime Text 3安裝及推薦套件

用了很久的 Sublime Text 3,今天想到來整理一下,比起 VSCODE,Sublime Text 3我覺得更類似於筆記,想到的靈感就直接記下來,佔用的資源也相對小很多,今天就把安裝的方式跟一些自己常用的套件紀錄一下,也推薦給大家。

 

 

安裝 Sublime Text 3

首先到官網直接下載,對使用Mac的人來說,直接把 .app 丟進應用程式就好,就可以開始使用了

Sublime Text - mac

 

 

 

安裝 Package Control

這是安裝好用套件的必備步驟,千萬不能忘!
啟動後我們按鍵盤 command + Shift + P ,此時會開啟一個小視窗,接著輸入 Install Package Control ,接著安裝它。

Sublime Text 3 - Install Package

 

開啟Console

點擊上方bar的 View ,再選擇 Show Console,此時在視窗下方會出現一個小視窗

Sublime Text - console

 

 

開始安裝套件

一樣使用快速鍵 command + Shift + P ,輸入 Install Package Control ,這邊的步驟跟之前的目的不太一樣,之前輸入是為了安裝 Package Control,這次輸入並按下Enter後,會進到另一個視窗,這邊就可以開始安裝需要的套件。
以下是我個人常用的套件:

1. Emmet :會提示html、CSS的相關格式,加快開發的速度
2. A File Icon:在側邊欄的檔案增加圖示icon的顯示
3. CSS3 :CSS3的提示碼
4. SublimeCodeIntel:會提示相關程式碼,極其強大的好東西
5. jQuery:jquery 提示碼
6. ConvertToUTF8 :Sublime Text 3預設不支援中文的編碼,安裝此套件就沒問題了
7. Color Highlighter:點選色碼的時候會顯示該顏色
8. SublimeLinter:會提示程式碼中的錯誤,除錯必備!
9. Sublimerge Pro :可以比對兩個檔案的差異處,不用大家來找碴了
10. ChineseLocalization:讓Sublime Text3 支援多國語系
11. Alignment :會自動將程式碼對齊,再也不會看到眼花

 

常用的套件大概是這樣,有推薦的套件也歡迎留言告訴我,之後再分享 Sublime Text 3 的相關設定及使用,大家拭目以待吧!