網站首頁 健康小知識 母嬰教育 起名 運動知識 職場理財 情感生活 綠色生活 遊戲數碼 美容 特色美食 愛好

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

欄目: 互聯網 / 發佈於: / 人氣:1.34W

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;}