sublime text3使用技巧(安裝及常用設定)

藏色散人
發布: 2020-06-24 13:30:04
轉載
13183 人瀏覽過

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

sublime text3使用技巧(安裝及常用設定)

簡介

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


安裝啟動

  1. #官方網站下載:sublime text3;
  2. <span style="font-size: 14px;"></span>
  3. 官方網站下載:sublime text3;<span style="font-size: 14px;"></span>

    開啟.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
  4.  FCCC7561 8A4A1741 68FA4223 ADCEDE07
  5.  200C25BE DBBC4855 C4CFB774 C5EC138C

     0FEC1CEF D9DCECEC D3A5DAD1 01316C36  —— END LICENSE ——

    ################開啟Sublime選單 > help > enter License,輸入啟動碼即可。 ######
  6. 重新開啟sublime text3,如果enter License變成remove License啟動成功

##常用設定<span style="font-size: 14px;"></span>

  • 設定預設編碼格式為​​UTF-8
    1. #選擇選單Preferences->(Settings)-User;<span style="font-size: 14px;"></span>
    2. ##在花括號中加入下面一行程式碼:”default_encoding”: “UTF-8”;<span style="font-size: 14px;"></span>
  • sublime text 3設定字體
    1. 選擇選單Preferences->(Settings)-User;<span style="font-size: 14px;"></span>
    2. ##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>

  • 上下交換:#Ctrl sh~ift ↑↓<span style="font-size: 14px;"></span>
  • 遊標齊選:Ctrl alt ↑↓<span style="font-size: 14px;"></span>
  • ##複製整行至下一行:
  • ctrl shift d<span style="font-size: 14px;"></span>
  • #向右縮排:
  • Tab<span style="font-size: 14px;"></span>
  • #向左縮排:
  • Shift Tab<span style="font-size: 14px;"> </span>
  • #刪除整行:
  • Ctrl Shift K<span style="font-size: 14px;"></span>
  • 註解單行:
  • Ctrl /<span style="font-size: 14px;"></span>
  • #註解多行:
  • ##Ctrl Shift /<span style="font-size: 14px;"></span>撤銷:
  • Ctrl Z<span style="font-size: 14px;"></span>##恢復撤銷:
  • Ctrl Y<span style="font-size: 14px;"></span>#找出關鍵字:
  • <span style="font-size: 14px;"></span>
  • ##Ctrl F
  • 開啟搜尋方塊:<span style="font-size: 14px;"></span>
    Ctrl P
    1. <span style="font-size: 14px;"> </span>
    2. 輸入目前專案中的檔名,快速搜尋檔案<span style="font-size: 14px;"></span><span style="font-size: 14px;">#輸入</span>@
    3. <span style="font-size: 14px;"></span><span style="font-size: 14px;"></span><span style="font-size: 14px;"></span>和關鍵字,尋找檔案中函數名稱
    4. <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>

    開啟指令方塊:

  1. Ctrl Shift P<span style="font-size: 14px;"></span>

  2. <span style="font-size: 14px;"></span>
  3. #退出:

  4. Esc<span style="font-size: 14px;"></span>
#常用外掛程式

<span style="font-size: 14px;"></span>◇安裝外掛程式

<span style="font-size: 14px;"></span>

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/
sublime text3使用技巧(安裝及常用設定)

##◇AutoFileName

功能: 快速輸入檔案名稱
簡介: 自動完成檔案名稱的輸入,如圖片選取
使用: 輸入」/」即可看到相對於本專案資料夾的其他檔案
sublime text3使用技巧(安裝及常用設定)

IMESupport

功能: sublime中文輸入法
簡介: 還在糾結Sublime Text 中文輸入法不能跟著遊標嗎?試試“IMESupport”這個插件吧!目前只支援 Windows,在搜尋等介面不能很好的跟隨遊標。
使用: Ctrl Shift P →輸入pci →輸入IMESupport →回車
sublime text3使用技巧(安裝及常用設定)

JsFormat

簡介: 這是一個將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進行格式化
sublime text3使用技巧(安裝及常用設定)

#◇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就會在遊標處產生十六進位顏色代碼。
使用:
<span style="font-size: 14px;">Ctrl/Cmd Shift C</span>調出

## ◇ColorHighlighter

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

Terminal

<span style="font-size: 14px;"></span>


sublime text3使用技巧(安裝及常用設定)

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

File Header
  • <span style="font-size: 14px;"></span>

File Header

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

設定:
preferences→browse packages點擊開啟找到對應的插件,開啟template修改範本
  • <span style="font-size: 14px;"></span>

程式碼提示外掛程式匯總

#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

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

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

相關標籤:
來源:csdn.net
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!