sublime 使用相關
1 安裝
下載安裝檔案 https://pan.baidu.com/s/1EHidYfotEEnEmP9CBU3MsA (密碼:sjol)解壓
1.1 sublime 介面介紹
側邊欄、 標題欄、 縮圖、 編輯區、 命令板、 控制檯、狀態列
1.2 sublime安裝 package control
Simple(通過控制檯安裝)
a) 進入[package control 官網](https://packagecontrol.io/)
b) 點選 install now,複製已安裝的 sublime 版本對應的 Python Code
sublime text 3 的 Python Code import urllib.request,os,hashlib; h = '6f4c264a24d933ce70df5dedcf1dcaee' + 'ebe013ee18cced0ef93d5f746d80ef60'; 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)
c) 啟動 sublime ,開啟控制檯 view –> show console (快捷 ctrl + ` ,將複製的 Python Code貼上到控制檯,回車,重啟 sublime, Preferences -> package control
Manual 安裝
a) 點選 Preferences > Browse Packages… 選單
b) 打開了一個資料夾,進入上層資料夾,點選進入 Installed Packages
c) 下載 [Package Control.sublime-package](https://packagecontrol.io/Package%20Control.sublime-package) ,將檔案放入 Installed Packages
c) 重啟 Sublime Text
2 破解
a) 更改 hosts 檔案 ( 地址:Windows : c:\windows\system32\drivers\etc\hosts )
127.0.0.1 www.sublimetext.com
127.0.0.1 license.sublimehq.com
b) 點選 help -> about sublime text 檢視版本 最後的數字,百度 sublime 3176 註冊碼
c) 開啟軟體sublime, help -> Enter license 貼上以下內容
----- BEGIN LICENSE -----
sgbteam
Single User License
EA7E-1153259
8891CBB9 F1513E4F 1A3405C1 A865D53F
115F202E 7B91AB2D 0D2A40ED 352B269B
76E84F0B CD69BFC7 59F2DFEF E267328F
215652A3 E88F9D8F 4C38E3BA 5B2DAAE4
969624E7 DC9CD4D5 717FB40C 1B9738CF
20B3C4F1 E917B5B3 87C38D9C ACCE7DD8
5F7EF854 86B9743C FADC04AA FB0DA5C0
F913BE58 42FEA319 F954EFDD AE881E0B
------ END LICENSE ------
3 外掛安裝
點選 preferences -> package control 輸入 install package 回車 再輸入對應要安裝的外掛名,回車安裝
快捷 ctrl + shift + p 再輸入 package control, esc 退出面板
常用外掛
bracketHighlighter | 高亮顯示匹配的括號、引號、標籤 |
convertToUTF8 | 能將除UTF8編碼之外的其他編碼檔案在 Sublime Text 中轉換成UTF8編碼,在開啟檔案的時候一開始會顯示亂碼,然後一剎那就自動顯示出正常的字型,當然,在儲存檔案之後原檔案的編碼格式不會改變 |
colorHightLighter | 顯示所選顏色值的顏色,並集成了ColorPicker |
Emmet | 編碼快捷鍵,前端必備 |
JsFormat | js程式碼格式化外掛,讓程式碼一目瞭然,右鍵jsFormat或者 ctrl + alt + f |
LESS | LESS高亮外掛 |
alignment | = 對齊,先選擇文字,快捷 ctrl + alt + a, 可能會與qq快捷衝突 |
sublime-autoprefixfer | css新增私有字首,ctrl + shift + p,選擇autoprefixer即可,需要安裝node.js |
AutoFileName | 快捷輸入檔名 |
colorPicker | 調色盤,ctrl + shift + c |
HTMLBeautify | 格式化HTML |
SideBarEnhancements | 側邊欄增強外掛 |
4 報錯解決相關
安裝外掛時出錯
報錯:`There are no packages available for installation`
解決:
1.開啟 package control 的 setting
2. 新增節點
"channels": ["https://wilon.github.io/static/channel_v3.json" ],
ps: 認為上面太慢的,可以指定本地 channel_v3.json 地址
下載 json 檔案 [packagecontrol.io下載](https://packagecontrol.io/channel_v3.json) 將該 json檔案放到 sublime目錄下
更改上述channels 值 "D:/work/SublimeText3/channel_v3.json"
快捷鍵衝突
1.使用 ctrl + shift + p 開啟命令面板
2.輸入 findkeyConflicts (FindKeyConflicts 也是一個外掛
)
FindKeyConflicts: All Key Maps to Quick Panel 查詢所有快捷鍵
FindKeyConflicts: (Direct) Conflicts to Quick Panel 查詢所有衝突快捷鍵 選中這個
3.點選圖中的第二個,在跳出的命令面板中輸入快捷鍵,比如 ctrl + shift + c , 回車後,可以看到快捷衝突的外掛
4. 找到衝突的對應外掛,到 package 檔案位置,開啟對應包以 keymap 結尾的檔案,更改快捷鍵
5 快捷鍵
電腦執行 `win+R` 輸入 `sysdm.cpl` 開啟系統屬性(設定環境變數)
Emmet 快捷
ul>li.item$*5
h$[title=item$]{Header $}*3 屬性 內容
ul>li.item$$$*5
ul>[email protected]*5 從3開始
div+div>p>span+em^bq 上一層
div>(header>ul>li*2>a)+footer>p 分組
form#search.wide id 類
table>.row>.col 隱式 tr td
sublime 程式碼段
tools -> developer -> new snippet
輸入要建立的程式碼段,設定觸發`<tabTrigger>stylejs</tabTrigger>`
儲存,新建一個自己的資料夾 self-tmp 儲存 xxx .sublime-snippet
再輸入 stylejs 回車 即可
複製多行文字,選擇多行進行貼上,如果行數相同,每行對應一個,如果行數不相等,每個游標處插入多行文字
Ctrl + n | 新建一個檔案 |
Ctrl + shift + p | 開啟命令面板 |
shift + 右鍵拖動 | 拖出多個游標 |
Ctrl+D | 選中游標所佔的文字,同時其他相關文字會高亮顯示,繼續操作則會選中下一個相同的文字 |
---|---|
Alt+F3 | 選中文字按下快捷鍵,即可一次性選擇全部的相同文字進行同時編輯 |
Ctrl+L | 選中整行,繼續操作則繼續選擇下一行,效果和 Shift+↓ 效果一樣 |
Ctrl+Shift+L | 先選中多行,再按下快捷鍵,會在每行行尾插入游標 |
Ctrl+Shift+M | 選擇括號內的內容(繼續選擇父括號) |
Ctrl+M | 游標移動至括號內結束或開始的位置 |
Ctrl+Enter | 在下一行插入新行 |
Ctrl+Shift+Enter | 在上一行插入新行 |
Ctrl+Shift+[ | 選中程式碼,按下快捷鍵,摺疊程式碼 |
Ctrl+Shift+] | 選中程式碼,按下快捷鍵,展開程式碼 |
Ctrl+K+0 | 展開所有摺疊程式碼 |
Ctrl+← | 向左單位性地移動游標,快速移動游標 |
Ctrl+→ | 向右單位性地移動游標,快速移動游標 |
shift+↑ | 向上選中多行 |
shift+↓ | 向下選中多行 |
Shift+← | 向左選中文字 |
Shift+→ | 向右選中文字 |
Ctrl+Shift+← | 向左單位性地選中文字 |
Ctrl+Shift+→ | 向右單位性地選中文字 |
Ctrl+Shift+↑ | 將游標所在行和上一行程式碼互換(將游標所在行插入到上一行之前) |
Ctrl+Shift+↓ | 將游標所在行和下一行程式碼互換(將游標所在行插入到下一行之後) |
Ctrl+Alt+↑ | 向上新增多行游標,可同時編輯多行 |
Ctrl+Alt+↓ | 向下新增多行游標,可同時編輯多行 |
Ctrl+J | 合併選中的多行程式碼為一行 |
---|---|
Ctrl+Shift+D | 複製游標所在整行,插入到下一行 |
Tab | 向右縮排 |
Shift+Tab | 向左縮排 |
Ctrl+K+K | 從游標處開始刪除程式碼至行尾 |
Ctrl+Shift+K | 刪除整行 |
Ctrl+/ | 註釋單行 |
Ctrl+Shift+/ | 註釋多行 |
Ctrl+K+U | 轉換大寫 |
Ctrl+K+L | 轉換小寫 |
Ctrl+Z | 撤銷 |
Ctrl+Y | 恢復撤銷 |
Ctrl+U | 軟撤銷,感覺和 Gtrl+Z 一樣 |
Ctrl+F2 | 設定書籤 |
Ctrl+T | 左右字母互換 |
F6 | 單詞檢測拼寫 |
搜尋類
ctrl + h
標準替換操作, ctrl + shift + h
替換當前一個ctrl + alt + enter
替換所有ctrl + shift + h
多檔案查詢替換操作 (快捷鍵可能和搜狗有衝突)
編輯程式碼時,輸入中文時,輸入框不跟隨,安裝外掛IMESupport
ctrl + n
開啟一個新檔案 ctrl + shift + n
開啟一個新視窗ctrl + w
關閉一個視窗 Ctrl + Shift + T
恢復剛剛關閉的標籤Alt + Shift + 2
進行左右分屏Ctrl + M
可以快速的在起始括號和結尾括號間切換,Ctrl + Shift + M
則可以快速選擇括號間的內容
sublime 輸入的 html:xt
x 表示 XHTML,t 表示 transitional
全屏
Sublime Text有兩種全屏模式:普通全屏和無干擾全屏F11
切換普通全屏Shift + F11
切換無干擾全屏
sublime自帶格式化程式碼功能
Preferences -> key binding -> user
[ ] 中新增程式碼 快捷是 ctrl + shift + r
{
"keys": ["ctrl+shift+r"],
"command": "reindent",
"args": {
"single_line": false
}
}
6 sublime配置
檢視可用的 配置
"always_show_minimap_viewport": true, // 是否總是顯示小地圖
"draw_minimap_border": true, // 讓minimap裡的當前位置更顯眼點.
"highlight_modified_tabs": true, // 修改了而尚未儲存的 tab, 會用橘黃色顯示
"ignored_packages":
[
"Vintage"
],
"show_full_path": true, // 標題欄上顯示完整路徑
"show_line_endings": true, // 文件到達底部會在最後一行
"open_files_in_new_window": false, // 在 Finder 裡開啟檔案時, 不會新開視窗了
"translate_tabs_to_spaces": true // 將tab鍵的形式轉成空格
// 設定tab的大小為2
"tab_size": 2,
// 使用空格代替tab
"translate_tabs_to_spaces": true,
// 新增行寬標尺
"rulers": [80, 100],
// 顯示空白字元
"draw_white_space": "all", // 儲存時自動去除行末空白 "trim_trailing_white_space_on_save": true, // 儲存時自動增加檔案末尾換行 "ensure_newline_at_eof_on_save": true, "highlight_line": true, // 高亮當前行 "save_on_focus_lost": true, // 失去焦點後自動儲存 "trim_trailing_white_space_on_save": true, // 儲存的時候把無用的空格去掉 "show_encoding": true, // 顯示當前檔案的編碼 "preview_on_click": false, // 在新標籤頁中開啟新的檔案
7 主題風格
預設主題是 Monokai Bright
preferences 下的 setting
// 設定Sans-serif(無襯線)等寬字型,以便閱讀
"font_face": "YaHei Consolas Hybrid",
"font_size": 12,
// 使游標閃動更加柔和
"caret_style": "phase",
// 高亮當前行
"highlight_line": true,
// 高亮有修改的標籤
"highlight_modified_tabs": true,
sublime [第三方主題](https://sublime.wbond.net/browse/labels/theme)
示例配色與主題 (Nexus主題和Flatland Dark配色)
"theme": "Nexus.sublime-theme",
"color_scheme": "Packages/Theme - Flatland/Flatland Dark.tmTheme",