sublime編輯器使用指南(快速入門)

來源:酷知科普網 1.37W

sublime是一款非常輕量級而且功能十分強大的編輯器,簡約而不簡單,比如強大的命令列模式和遊標功能等等。快捷鍵使用起來也十分方便,非常適合程式設計師們使用的一款編輯器,以下是觀看學習慕課網老師視訊後總結的筆記,不是太完整,不足之處批評指正!謝謝~

sublime編輯器使用指南(快速入門)
sublime編輯器使用指南(快速入門) 第2張

操作方法

(01)一、sublime選單簡介【常用功能及快捷鍵】【Edit選單】1、line行操作快捷鍵ctrl+] 增加縮排ctrl+[ 減小縮排ctrl+shift+D 複製當前行ctrl+shift+K 刪除當前行ctrl+shift+↑ 當前行與上行交換位置(也可以選中多行上下移動位置)ctrl+shift+↓ 當前行與下行交換位置2、comment註釋功能ctrl+/ 註釋當前行ctrl+shift+/ 選中多行(塊)進行註釋3、text文字操作ctrl+shift+enter在當前行前插入一行ctrl+enter在當前行後插入一行ctrl+Delete 刪除游標後的一個單詞(以單詞為單位向後刪除)ctrl+Backspace 刪除游標前的一個單詞(以單詞為單位向前)(普通的delete和Backspace對字母操作)ctrl+shift+K 刪除當前行ctrl+K,ctrl+K 刪除至endctrl+T 逐個單詞向前移位【select選單】首先將游標移至要編輯的行1、ctrl+L快速選中當前行2、ctrl+D快速選中游標所在單詞word【Find選單】ctrl+F 查詢【view選單】side Bar1、ctrl+K,ctrl+B view or hide sidebar【Goto選單】1、Goto Anything非常好用的功能,快捷鍵ctrl+P2、[:num當前檔案不同行之間跳轉(類vi)]3、輸入路徑、檔名,跳轉到指定檔案【Tools選單】命令模式,此為sublime特有功能,快捷鍵ctrl+shift+P【preferences選單】sublime的設定settings-Default,預設設定,json格式,可以修改settings-User,可以從Default中複製選項定製使用者自己的顯示效果字型大小可以通過:ctrl+滾動滑鼠變大變小Color Scheme 顏色模式,預設是Monokai模式,比如夜晚可用Solarized(Dark)模式

sublime編輯器使用指南(快速入門) 第3張
sublime編輯器使用指南(快速入門) 第4張
sublime編輯器使用指南(快速入門) 第5張

(02)二、Goto Anything快捷鍵ctrl+P   輸入@定位css標籤,js函式1、除了(一)中提到的兩個功能--定位和不同檔案切換,還有2、例如開啟一個css檔案,ctrl+P開啟命令列,輸入@,在不同的css選擇器進行導航3、在一個javascript檔案中,若有多個函式,輸入@,在不同的函式進行導航example:開啟檔案bootcss/dist/css/下的body便籤進行編輯操作:ctrl+P->bootcss/dist/css/bo@body

(03)三、多行遊標this is GreenBootsthis is GreenBootsthis is GreenBootsthis is GreenBootsthis is GreenBootsthis is GreenBootsctrl+H:查詢替換ctrl+D:選中內容ctrl+K-->ctrl+D 跳過選取ctrl+D-->Atl+F3全選匹配內容ctrl+shift+D複製當前行產生多行遊標:1、ctrl+D2、ctrl+D --> Atl+F3 全選3、ctrl+A --> ctrl+shift+l 拆分行4、滑鼠放在單詞上,按shift+滑鼠右鍵下拉

(04)四、命令模式【ctrl+shift+P】啟動命令模式ss : set syntax 語法模式提示輸入js  然後enter就將該檔案設定為js模式輸入css 然後enter就將該檔案設定為css模式輸入minmap  關閉/開啟minmap

(05)五、綜合使用編輯HTML文件1、【安裝外掛:Emmet】(1)輸入“!”+【Ctrl+E】:生成HTML的文件(跳轉到Body:不要使用滑鼠,使用Ctrl+Shift+P:開啟命令模式。輸入#,進行頁面的匹配,輸入bod,匹配body,按住Enter進行跳轉,跳轉到了Body。按住Ctrl+Enter:跳轉到body的下一行)(2)輸入“ul>$*10” +【Ctrl+E】,生成10個li(3)輸入“h2{content}”+【Ctrl+E】2、快捷鍵【Ctrl+Shift+V】  保留原格式貼上,流闢到不行!!!!O(∩_∩)O~

(06)六、Page Control1、安裝packageControl(管理外掛的工具)開啟 ,點選右側選單installation根據版本及提示進行安裝ctrl+'`'開啟console,將import est,os,hashlib; h = 'eb2297e1a458f27d836c04bb0cbaf282' + 'd0e7a3098092775ccb37ca9d6b2e4b7d'; pf = 'Package ime-package'; ipp = alled_packages_path(); all_opener( d_opener( yHandler()) ); by = pen( '' + ace(' ', '%20'))(); dh = 256(by)igest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(( ipp, pf), 'wb' )e(by)粘貼後enter即可2、安裝完成page control後,啟動命令模式ctrl+shift+P或直接在選單preferences中的最下方開啟輸入pc可以快速定位page control,page control有很多命令,如:Add Channel、Install Package等等List Package:列出安裝的外掛包Disable Package:禁用外掛(有時候因為外掛快捷鍵衝突需要禁用)Install Package:安裝外掛3、安裝:ctrl+shift+P,pci,安裝外掛,enter會顯出很多可供外掛的列表亦可在檢視外掛的功能等資訊例:安裝主題:先在下的theme檢視相關主題安裝主題過程:(1)開啟命令模式ctrl+shift+P(2)輸入pci,enter(3)輸入theme->模糊匹配spacegray(某一種主題),enter安裝(4)選擇剛才安裝的主題,自動方法:preferences->color scheme->theme-Spacegray->具體某個版本手動方法:從安裝後提示給出的example中的json文字複製至settings-user

(07)七、sinppets以模板方式程式設計(1)開啟page Control,輸入sinppets-Function,(js檔案)tab鍵版塊高亮,編寫程式碼(2)自動補全功能:輸入Fun,補全函式;輸入ife,補全if else;輸入p,prototype...比如在javascript中經常要輸入lementById("tag"),如果安裝了javascript sinppets,那麼輸入gi即可安裝javascript sinppets外掛的方法:ctrl+shift+P,輸入pci,->javascript sinppets->enter安裝完成提示:安裝其他的sinppets方法類似

(08)八、快速添加註釋安裝外掛【Docblockr】安裝過程和上面安裝外掛一樣,不再贅述,使用方法:1、輸入 /* +enter,生成一個註釋塊2、輸入 /** +enter,生成一個註釋塊,enter換行仍為註釋3、在新建函式上方輸入 /**+tab,生成詳細註釋如下/*** [func description]* @param  {[type]}* @param  {[type]}* @return {[type]}*/function func (a,b) {return a+b;}

熱門標籤