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.安裝BracketHighlighter Package :Ctrl+Shift+P 然後輸入 inst 之後按下 Enter 鍵
輸入 安裝BracketHighlighter 搜尋到 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/
訂閱:
張貼留言 (Atom)
沒有留言:
張貼留言