1. 程式人生 > >sublime 使用相關

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",

 sublime 實用設定