SublimeText是前端開發人員的利劍，簡單輕量外掛眾多實用強大，然而SublimeText3有什麼是第一次安裝完畢就要先裝的擴充功能？以下就來簡單介紹記錄一下。

• 安裝外掛前當然要先安裝管理外掛的工具PackageControl，https://packagecontrol.io/ 可以到這個網址找到他的安裝方式，打開SublimeText的命令列(CTRL + `)輸入官網內的指令。
  

• 隨後就可以找到這個管理套件並開啟！
  
  開啟後會看到套件命令列表，點選install package就可以開始安裝其它套件了～(CTRL+SHIFT+P)
  
  

接下來就可以方便我們來安裝以下常用套件啦：

• HTML5：網頁前端必備(還問為何，就有點遜了)
• CSS3：網頁前端必備(還問為何，就有點遜了)
• JQuery：網頁前端必備(還問為何，就有點遜了)
• HTMLAttriutes：正確顯示一些HTML格式
• SublimeLinter-php：支援PHP語法檢查
• JSformat：整理JS格式
• Emmet：快速完成標籤
• ConvertToUTF8：轉碼(例如BIG5)
• LiveStyle：與CHROME配合使用即時編輯
• SublimeCodeIntel：幫忙auto-complete 模組和函式名稱
• SublimeLinter：代碼除錯檢測
• SublimeLinter-contrib-eslint：代碼除錯檢測
• ALignment：排列對齊功能
• Babel-sublime：自動支援JSX的語法高亮
• Babel Snippets：支援JSX語法提示
• BracketHighlighter：自動顯示 HTML 標籤或 JavaScript 對應區塊
• HTMLBeautify：HTML 排版
• Laravel Blade Highlighter：讓 Sublime Text 認得 Blade 語法
• nginx：讓 Sublime Text 認得 Nginx 設定檔格式
• ReactJS：React 支援語法提示
• ReactJS Snippets：React 支援語法提示
• Scss Snippets：scss 語法提示
• SFTP：FTP, SFTP 同步
• Color Highlighter：色碼直接顯示
• Color Picker：色碼選取器
• Soda SolarizedDark：顏色主題
• DocBlockr：自動產生區塊註解