SublimeText3編輯器(一){精簡強大的外掛管理}

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

  • 安裝外掛前當然要先安裝管理外掛的工具PackageControl,https://packagecontrol.io/ 可以到這個網址找到他的安裝方式,打開SublimeText的命令列(CTRL + `)輸入官網內的指令。
    %e8%9e%a2%e5%b9%95%e6%88%aa%e5%9c%96-2017-02-20-10-59-47

  • 隨後就可以找到這個管理套件並開啟!
    %e8%9e%a2%e5%b9%95%e6%88%aa%e5%9c%96-2017-02-20-10-55-36
    開啟後會看到套件命令列表,點選install package就可以開始安裝其它套件了~(CTRL+SHIFT+P)
    %e8%9e%a2%e5%b9%95%e6%88%aa%e5%9c%96-2017-02-20-11-05-46
    %e8%9e%a2%e5%b9%95%e6%88%aa%e5%9c%96-2017-02-20-11-05-21

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

  • 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 Snippetsscss 語法提示
  • SFTP:FTP, SFTP 同步
  • Color Highlighter:色碼直接顯示
  • Color Picker:色碼選取器
  • Soda SolarizedDark:顏色主題
  • DocBlockr:自動產生區塊註解

Leave a Reply