下面由sublime教學專欄給大家分享sublime text3使用技巧,希望對需要的朋友有幫助!
#Sublime Text:一款具有程式碼高亮、語法提示、自動完成且反應快速的編輯器軟體,不僅具有華麗的介面,還支援插件擴展機制,優雅使用Sublime Text,插件則是不可缺少的存在,用她來寫程式碼,絕對是一種享受。
官方網站下載:sublime text3;<span style="font-size: 14px;"></span>
開啟.exe檔進行安裝,記得選擇“Add to explorer context menu”,把它加入右鍵快捷選單,其他預設下一步;93F6323C FD7F7544 3F39C318 D95E6480B085E65E 2F5F5360 8489D422 FB8FC1AA
##在網路上找最新的Sublime Text3啟動碼,如下:
—– BEGIN LICENSE —–
Michael Barnes
Single User License
EA7E-821385
8A353C41 872A0D5C DF9B2950 AFF6F667
C458EA6D 8EA3C286 98D1D650 131A97AB AA919AEC EF20E143 B361B1E7 4C8B7F04
0FEC1CEF D9DCECEC D3A5DAD1 01316C36 —— END LICENSE ——
################開啟Sublime選單 > help > enter License,輸入啟動碼即可。 ######快速鍵
- 設定預設編碼格式為UTF-8
- #選擇選單Preferences->(Settings)-User;<span style="font-size: 14px;"></span>
- ##在花括號中加入下面一行程式碼:”default_encoding”: “UTF-8”;<span style="font-size: 14px;"></span>
- sublime text 3設定字體
- 選擇選單Preferences->(Settings)-User;<span style="font-size: 14px;"></span>
- ##face」: “Consolas”,”font_size”: 12 ;<span style="font-size: 14px;"></span>
- 我的Preferences->(Settings)-User設定項目<span style="font-size: 14px;"></span>
##<span style="font-size: 14px;">{<br/> "auto_complete": true,<br/> "auto_match_enabled": true,<br/> "color_scheme": "Packages/Color Scheme - Default/Monokai.tmTheme",<br/> "default_encoding": "UTF-8",<br/> "font_face": "Consolas",<br/> "font_size": 14,<br/> "ignored_packages": [ "AndyJS2", "Vintage"<br/> ],<br/> "theme": "Adaptive.sublime-theme",<br/> "update_check": false}<br/></span>登入後複製
<span style="font-size: 14px;"></span>
<span style="font-size: 14px;"></span>
<span style="font-size: 14px;"></span>
<span style="font-size: 14px;"></span>
<span style="font-size: 14px;"> </span>
<span style="font-size: 14px;"></span>
<span style="font-size: 14px;"></span>
<span style="font-size: 14px;"></span>
撤銷:<span style="font-size: 14px;"></span>##恢復撤銷:
<span style="font-size: 14px;"></span>#找出關鍵字:
<span style="font-size: 14px;"></span>
開啟搜尋方塊:<span style="font-size: 14px;"></span>
<span style="font-size: 14px;">#輸入</span>
@
<span style="font-size: 14px;"></span>
<span style="font-size: 14px;"></span>和關鍵字,尋找檔案中函數名稱<span style="font-size: 14px;"></span>#:
<span style="font-size: 14px;"></span>和數字,跳到文件中該行程式碼<span style="font-size: 14px;"></span>
<span style="font-size: 14px;"></span>
開啟指令方塊:
#常用外掛程式
Ctrl Shift P<span style="font-size: 14px;"></span>
- #退出:
<span style="font-size: 14px;"></span>
Esc<span style="font-size: 14px;"></span>
<span style="font-size: 14px;"></span>
CTRL SHIFT P開啟指令框,搜尋Package Control install安裝
開啟install package終端機
######(直接呼叫指令框或開啟Package Control輸入install package點選進入)###############輸入想要的插件名稱點擊安裝即可############(重新開啟sublime此時在Package Setting中就能看到已安裝的插件了)#####################◇更新外掛程式###############Ctrl Shift P調出指令面板,輸入upgrade packages,點選更新################◇刪除外掛程式##############Ctrl Shift P調出指令面板,輸入remove,調出Remove Package終端機點選要刪除的插件######
#功能: 編碼快速鍵,前端必備
簡介: Emmet(依賴pyv8插件)作為zen coding的升級版,對於前端來說,可是必備插件,如果你對它還不太熟悉,可以在其官網(http://docs .emmet.io/)上看具體的示範影片。
使用: 教學 -http://docs.emmet.io/cheat-sheet/
功能: 快速輸入檔案名稱
簡介: 自動完成檔案名稱的輸入,如圖片選取
使用: 輸入」/」即可看到相對於本專案資料夾的其他檔案
功能: sublime中文輸入法
簡介: 還在糾結Sublime Text 中文輸入法不能跟著遊標嗎?試試“IMESupport”這個插件吧!目前只支援 Windows,在搜尋等介面不能很好的跟隨遊標。
使用: Ctrl Shift P →輸入pci →輸入IMESupport →回車
簡介: 這是一個將JS格式化的插件,可對壓縮檔案格式化,同樣使用Package Control安裝JsFormat插件之後,即可在JS檔案中透過滑鼠右鍵->
JsFormat<span style="font-size: 14px;"></span>
或鍵盤快速鍵<span style="font-size: 14px;"></span>Ctrl Alt F<span style="font-size: 14px;"></span>
對JS進行格式化
##簡介: SideBarEnhancements是一款很實用的右鍵選單增強插件,在安裝插件前,在Sublime Text左側FOLDERS欄中點擊右鍵,只有寥寥幾個簡單的功能
簡介: 有時候,在程式碼結尾打多了幾個空格或Tab,沒有任何顯示效果,TrailingSpaces這款插件能高亮顯示多餘的空格和Tab
簡介:
CssComb是為CSS屬性進行排序和格式化插件,使用Package Control安裝CssComb插件後,你可能會發現它並不能運行,它依賴Node.js ,若您的電腦已安裝過NodeJS環境,可跳過此步驟,若您的電腦中尚未安裝過Node.js環境,應該到Node.js官網中[下載]並安裝對應版本的Node.js 使用: 使用方法:選單Tools->Run CSScomb或在CSS檔案中按快捷鍵Ctrl Shift C(快捷鍵和ColorPicker插件衝突將其改為Ctrl Shift alt C)
簡介:
sublime text本身是不支援中文編碼的,所以需要透過安裝插件來解決,ConvertToUTF8插件可以實現 使用:
使用方法:按快捷鍵Ctrl Shift C(快捷鍵和ColorPicker插件衝突將其改為Ctrl Shift alt z) **快速鍵修改:**preferences→browse packages點選開啟找到對應的外掛程式修改快捷鍵
################################################################ ############簡介:### 這是一款CSS3私有前綴自動補全插件,該插件使用CanIUse資料庫,能精準判斷哪些屬性需要什麼前綴,與CssComb插件一樣,該外掛程式也需要係統已安裝Node.js環境#######
使用: 在輸入CSS3屬性後(冒號前)按Tab鍵,如下圖示
#簡介: 在編輯CSS樣式的時候,ColorPicker可以讓sublime text 內建一個調色盤,調好顏色,點擊OK就會在遊標處產生十六進位顏色代碼。
使用:<span style="font-size: 14px;">Ctrl/Cmd Shift C</span>
調出
#簡介: ColorHighlighter是一個顯示選取顏色代碼的視覺色彩的外掛程式。如果您選擇“# fff“,它將向您展示白色
<span style="font-size: 14px;"></span>
開啟檔案的終端,終端預設是CMD(支援linux)。 ctrl shift t 開啟檔案所在資料夾,ctrl shift alt t 開啟檔案所在專案的根目錄資料夾,可以自行重新配置快速鍵。也可以右鍵open terminal here開啟。
preferences→browse packages點擊開啟找到對應的插件,開啟template修改範本◇File Header
設定:
#簡介: File Header是一個為檔案自動新增前綴欄位的插件
◇程式碼提示外掛程式匯總
#SublimeCodeIntel
功能: 可以自訂,建議使用######支援語言:### javascript , jQuery , Bootstrap,php,react,css等##### #配置:###將對應檔案的false改為true###################JavaScriptCompletions############################################################################## ####功能:### JavaScriptCompletions實現程式碼智慧提示及自動完成功能######特點:### 提示全,高版本sublime支援好######支援語言:### javascript ###########################支援語言: JavaScript, Mason, XBL, XUL, RHTML, SCSS, Python, HTML, Ruby, Python3, XML, Sass, XSLT, Django, HTML5, Perl, CSS, Twig, Less, Smarty, Node.js, Tcl, TemplateToolkit, PHP
bettercompletion
以上是sublime text3使用技巧(安裝及常用設定)的詳細內容。更多資訊請關注PHP中文網其他相關文章!