2015年4月24日 星期五

Sublime Text 3 快速設定


參考自The Will Will Web
Sublime Text 3 新手上路:必要的安裝、設定與基本使用教學 (建議看這篇)



1.按Ctrl+' 輸入
import urllib.request,os,hashlib; h = 'eb2297e1a458f27d836c04bb0cbaf282' + 'd0e7a3098092775ccb37ca9d6b2e4b7d'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)

如command失效,到https://packagecontrol.io/installation#st3 取得新版command

2.快速叫用 Install Package :Ctrl+Shift+P 然後輸入 inst 之後按下 Enter 鍵

3.Sublime Text 3 的擴充套件,都會放在%APPDATA%\Sublime Text 3\Packages

4.安裝與設定 ConvertToUTF8 套件:Ctrl+Shift+P 然後輸入 inst 之後按下 Enter 鍵 ,
  輸入 Convert 搜尋到 ConvertToUTF8 套件,按下 Enter 安裝
  如字集判斷錯誤,你可以透過 [File] –> [Reload with Encoding] 來手動切換編碼
  將 %APPDATA%\Sublime Text 3\Packages\ConvertToUTF8\ConvertToUTF8.sublime-settings" 預設設定檔,複製到 %APPDATA%\Sublime Text 3\Packages\User\ 目錄下。
然後直接透過 Sublime Text 3 編輯這個位於 User 目錄下的 ConvertToUTF8.sublime-settings 檔案。
將 encoding_list 前兩個字集定義對調即可(["Chinese Traditional (BIG5)", "BIG5"]拉到第一個)

5.安裝Emmet Package :Ctrl+Shift+P 然後輸入 inst 之後按下 Enter 鍵
 輸入 Emmet 搜尋到 Emmet 套件,按下 Enter 安裝
 安裝完後Ctrl+E展開Emmet語法
 Emmet cheat-sheet  http://docs.emmet.io/cheat-sheet/

6.安裝LiveStyle Package :Ctrl+Shift+P 然後輸入 inst 之後按下 Enter 鍵
 輸入 LiveStyle 搜尋到 LiveStyle 套件,按下 Enter 安裝
 Chrome安裝 Emmet LiveStyle 擴充套件
 開啟 Chrome 開發者工具,切換到 LiveStyle 頁籤,勾選 Enable LiveStyle for current page 啟用

7.安裝HTML-CSS-JS Prettify Package :Ctrl+Shift+P 然後輸入 inst 之後按下 Enter 鍵
 輸入 HTML-CSS-JS Prettify 搜尋到 HTML-CSS-JS Prettify 套件,按下 Enter 安裝
 核心使用 nodejs 處裡格式化任務,所以你必須明確指定 node.exe 的位址才能使用該套件
 安裝完後按ctrl + shift + h 自動排版

8.安裝SideBarEnhancements Package :Ctrl+Shift+P 然後輸入 inst 之後按下 Enter 鍵
 輸入 安裝SideBarEnhancements 搜尋到 HTML-CSS-JS Prettify 套件,按下 Enter 安裝
 安裝完後按ctrl + k + b 顯示/隱藏側邊攔

9.安裝Bracket​Highlighter   Package :Ctrl+Shift+P 然後輸入 inst 之後按下 Enter 鍵
 輸入 安裝Bracket​Highlighter  搜尋到 HTML-CSS-JS Prettify 套件,按下 Enter 安裝

 10.安裝AutoFileName   Package :Ctrl+Shift+P 然後輸入 inst 之後按下 Enter
 輸入 安裝AutoFileName  搜尋到 HTML-CSS-JS Prettify 套件,按下 Enter 安裝

 11.安裝Goto-CSS-Declaration   Package :Ctrl+Shift+P 然後輸入 inst 之後按下 Enter
 輸入 安裝Goto-CSS-Declaration  搜尋到 HTML-CSS-JS Prettify 套件,按下 Enter 安裝

 12.安裝ColorHighlighter Package :Ctrl+Shift+P 然後輸入 inst 之後按下 Enter
 輸入 安裝ColorHighlighter  搜尋到 HTML-CSS-JS Prettify 套件,按下 Enter 安裝
 安裝完後遊標移到色碼上會顯示顏色,按右鍵會出現color picker選項


 #快速鍵 Cheat sheet
 http://sweetme.at/2013/08/08/sublime-text-keyboard-shortcuts/

沒有留言:

張貼留言

Related Posts Plugin for WordPress, Blogger...