首頁 >開發工具 >sublime >sublime text3使用技巧（安裝及常用設定）

sublime text3使用技巧（安裝及常用設定）

藏色散人轉載: 2020-06-24 13:27:3713243瀏覽

下面由sublime教學專欄給大家分享sublime text3使用技巧，希望對需要的朋友有幫助！

簡介

#Sublime Text：一款具有程式碼高亮、語法提示、自動完成且反應快速的編輯器軟體，不僅具有華麗的介面，還支援插件擴展機制，優雅使用Sublime Text，插件則是不可缺少的存在,用她來寫程式碼，絕對是一種享受。

安裝啟動

#官方網站下載：sublime text3;
官方網站下載：sublime text3;

開啟.exe檔進行安裝，記得選擇“Add to explorer context menu”，把它加入右鍵快捷選單，其他預設下一步；

##在網路上找最新的Sublime Text3啟動碼，如下：

—– BEGIN LICENSE —–
Michael Barnes
Single User License
EA7E-821385
8A353C41 872A0D5C DF9B2950 AFF6F667
C458EA6D 8EA3C286 98D1D650 131A97AB AA919AEC EF20E143 B361B1E7 4C8B7F04
B085E65E 2F5F5360 8489D422 FB8FC1AA
93F6323C FD7F7544 3F39C318 D95E6480
200C25BE DBBC4855 C4CFB774 C5EC138C
0FEC1CEF D9DCECEC D3A5DAD1 01316C36 —— END LICENSE ——
################開啟Sublime選單 > help > enter License,輸入啟動碼即可。 ######
重新開啟sublime text3，如果enter License變成remove License啟動成功

##常用設定

設定預設編碼格式為UTF-8

#選擇選單Preferences->(Settings)-User;

##在花括號中加入下面一行程式碼：”default_encoding”: “UTF-8”；

sublime text 3設定字體

選擇選單Preferences->(Settings)-User;

##face」: “Consolas”,”font_size”: 12 ;

我的Preferences->(Settings)-User設定項目
##
{ "auto_complete": true, "auto_match_enabled": true, "color_scheme": "Packages/Color Scheme - Default/Monokai.tmTheme", "default_encoding": "UTF-8", "font_face": "Consolas", "font_size": 14, "ignored_packages": [ "AndyJS2", "Vintage" ], "theme": "Adaptive.sublime-theme", "update_check": false}

快速鍵

上下交換：#Ctrl sh~ift ↑↓
遊標齊選：Ctrl alt ↑↓
ctrl shift d
Tab
Shift Tab 
Ctrl Shift K
Ctrl /
##Ctrl Shift /撤銷:
Ctrl Z##恢復撤銷:
Ctrl Y#找出關鍵字:

開啟搜尋方塊:
Ctrl P
1. 
2. 輸入目前專案中的檔名，快速搜尋檔案#輸入@
3. 和關鍵字，尋找檔案中函數名稱
4. 輸入#:和數字，跳到文件中該行程式碼
輸入

開啟指令方塊:

Ctrl Shift P


#退出:

Esc

#常用外掛程式

◇安裝外掛程式

CTRL SHIFT P開啟指令框，搜尋Package Control install安裝

##（Package Control外掛程式本身是一個為了方便管理外掛程式的外掛程式）

開啟install package終端機
######（直接呼叫指令框或開啟Package Control輸入install package點選進入）###############輸入想要的插件名稱點擊安裝即可############（重新開啟sublime此時在Package Setting中就能看到已安裝的插件了）#####################◇更新外掛程式###############Ctrl Shift P調出指令面板，輸入upgrade packages，點選更新################◇刪除外掛程式##############Ctrl Shift P調出指令面板，輸入remove，調出Remove Package終端機點選要刪除的插件######

◇Emmet

#功能： 編碼快速鍵，前端必備
簡介： Emmet（依賴pyv8插件）作為zen coding的升級版，對於前端來說，可是必備插件，如果你對它還不太熟悉，可以在其官網（http://docs .emmet.io/）上看具體的示範影片。
使用： 教學 -http://docs.emmet.io/cheat-sheet/

##◇AutoFileName

功能： 快速輸入檔案名稱
簡介： 自動完成檔案名稱的輸入，如圖片選取
使用： 輸入」/」即可看到相對於本專案資料夾的其他檔案

◇IMESupport

功能： sublime中文輸入法
簡介： 還在糾結Sublime Text 中文輸入法不能跟著遊標嗎？試試“IMESupport”這個插件吧！目前只支援 Windows，在搜尋等介面不能很好的跟隨遊標。
使用： Ctrl Shift P →輸入pci →輸入IMESupport →回車

◇JsFormat

簡介： 這是一個將JS格式化的插件，可對壓縮檔案格式化，同樣使用Package Control安裝JsFormat插件之後，即可在JS檔案中透過滑鼠右鍵->JsFormat或鍵盤快速鍵Ctrl Alt F對JS進行格式化

#◇SideBarEnhancements

##簡介： SideBarEnhancements是一款很實用的右鍵選單增強插件，在安裝插件前，在Sublime Text左側FOLDERS欄中點擊右鍵，只有寥寥幾個簡單的功能

◇TrailingSpaces

簡介：有時候，在程式碼結尾打多了幾個空格或Tab，沒有任何顯示效果，TrailingSpaces這款插件能高亮顯示多餘的空格和Tab

◇CssComb

簡介：
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）

◇#ConvertToUTF8

簡介：
sublime text本身是不支援中文編碼的，所以需要透過安裝插件來解決，ConvertToUTF8插件可以實現使用：
使用方法：按快捷鍵Ctrl Shift C（快捷鍵和ColorPicker插件衝突將其改為Ctrl Shift alt z） **快速鍵修改：**preferences→browse packages點選開啟找到對應的外掛程式修改快捷鍵

◇Autoprefixer

################################################################ ############簡介：### 這是一款CSS3私有前綴自動補全插件，該插件使用CanIUse資料庫，能精準判斷哪些屬性需要什麼前綴，與CssComb插件一樣，該外掛程式也需要係統已安裝Node.js環境#######

使用： 在輸入CSS3屬性後（冒號前）按Tab鍵，如下圖示
sublime text3使用技巧（安裝及常用設定）

◇ColorPicker

#簡介： 在編輯CSS樣式的時候，ColorPicker可以讓sublime text 內建一個調色盤，調好顏色，點擊OK就會在遊標處產生十六進位顏色代碼。
使用： Ctrl/Cmd Shift C調出

## ◇ColorHighlighter

#簡介： ColorHighlighter是一個顯示選取顏色代碼的視覺色彩的外掛程式。如果您選擇“# fff“，它將向您展示白色

◇Terminal

sublime text3使用技巧（安裝及常用設定）

開啟檔案的終端，終端預設是CMD(支援linux)。 ctrl shift t 開啟檔案所在資料夾，ctrl shift alt t 開啟檔案所在專案的根目錄資料夾，可以自行重新配置快速鍵。也可以右鍵open terminal here開啟。

◇

File Header

◇File Header

#簡介： File Header是一個為檔案自動新增前綴欄位的插件
設定：

preferences→browse packages點擊開啟找到對應的插件，開啟template修改範本

◇程式碼提示外掛程式匯總

#SublimeCodeIntel

功能： SublimeCodeIntel 實作程式碼智慧提示及自動完成功能

提示較少，不想用

支援語言： 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

功能：可以自訂，建議使用######支援語言：### javascript , jQuery , Bootstrap，php，react，css等##### #配置：###將對應檔案的false改為true###################JavaScriptCompletions############################################################################## ####功能：### JavaScriptCompletions實現程式碼智慧提示及自動完成功能######特點：### 提示全，高版本sublime支援好######支援語言：### javascript ###########################

以上是sublime text3使用技巧（安裝及常用設定）的詳細內容。更多資訊請關注PHP中文網其他相關文章！

Python php JavaScript ruby perl django node.js html5 jquery css bootstrap css3 less scss html sass xml JS windows sublime text http linux

陳述：

本文轉載於：csdn.net。如有侵權，請聯絡admin@php.cn刪除

上一篇：分享sublime+BUI新手教學課程下一篇：分享sublime+BUI新手教學課程

看更多

sublime text3使用技巧（安裝及常用設定）

簡介

安裝啟動

##常用設定<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>◇安裝外掛程式

##（Package Control外掛程式本身是一個為了方便管理外掛程式的外掛程式）

◇Emmet

##◇AutoFileName

◇IMESupport

◇JsFormat

#◇SideBarEnhancements

◇TrailingSpaces

◇CssComb

◇#ConvertToUTF8

◇Autoprefixer

◇ColorPicker

## ◇ColorHighlighter

◇Terminal

◇

相關文章