Sublime Text 3 的使用和配置



Sublime Text 3 使用方法總結:

1. 首先你需要從官網下載一個sublimetext3安裝到自己的電腦上,然后自己從網上隨便搜一個注冊碼,從菜單欄的幫助一欄找到激活的那個選項復制進去注冊碼進行激活,(如果有需要可以從網上下載相應的漢化包進行漢化,不推薦漢化);

2. 第一步做完之后,sublime已經可以正常使用了,我對它自帶的一些快捷鍵進行一下講解:

1).首先是文本編輯類快捷鍵:
ctrl + S //保存對當前文件的修改
ctrl + Z //撤銷對當前文件的修改
ctrl + Y //用於對撤銷內容的恢復
ctrl + C //復制
ctrl + v //粘貼
ctrl + X //剪切
ctrl + shift + v //粘貼並縮進
ctrl + D //選中當前鼠標所在位置距離最近的關鍵字
Alt + F3 //當選中某個關鍵字的時候按下此快捷鍵,則可以同時對當前文件中所有相同的關鍵字進行編輯和修改
ctrl + L //選中整行
ctrl + A //選中全部
shift + 左箭頭或者右鍵頭 //從光標處向左或右一個字符為單位選擇文本
ctrl + Enter //快速向下創建一行,並定位到行首
ctrl + shift + Enter //快速向上創建一行,並定位到行首
ctrl + shift + D //復制當前行到下一行
Ctrl + Shift + [ //選中代碼,按下快捷鍵,折疊代碼。
Ctrl + Shift + ] //選中代碼,按下快捷鍵,展開代碼
home鍵 //定位到當前行的行首
end鍵 //定位到當前行的行尾
ctrl + k + k //從光標處一直刪除到行尾
ctrl + shift + k //刪除當前行
ctrl + / //注釋當前行
ctrl + shift + k //注釋當前代碼塊
ctrl + J //合並選中的多行代碼為一行,可以用以合並css
ctrl + → //向右單位性地移動光標
ctrl + ← //向左單位性地移動光標
ctrl + shift + → //向右單位性地選擇文本
ctrl + shift + ← //向左單位性地選擇文本
ctrl + shift + ↑ //將當前行與上一行進行互換
ctrl + shift + ↓ //將當前行與下一行進行互換
2).對當前頁面的操作快捷鍵:
ctrl + shift + s //將當前文件另存為
ctrl + w //關閉當前文件
ctrl + N //新建文件
ctrl + O //打開某個文件
ctrl + shift + N //打開一個新的sublime窗口
ctrl + Tab //循環切換當前頁面的窗口
ctrl + pageup //向左切換當前已打開的窗口
ctrl + pagedown //向右切換當前已打開的窗口
Alt + shift + 非小鍵盤區的數字鍵 //將窗口分屏
ctrl + k + B //開關側邊欄
F11鍵 //全屏模式
3).搜索類快捷鍵:
ctrl + F //搜索當前頁面中的關鍵字
ctrl + P //快速打開當前項目中的任意一個文件
ctrl + P然后輸入分號 //快速跳轉到某一行
crtl + P然后輸入@符號 //快速查找並定位當前文檔中的函數
ctrl + P然后輸入#號 //快速超找並定位當前文件中的某個變量
Esc //關閉打開的搜索框或者命令框
另外sublime還提供了代碼段功能,你可以點菜單欄Tool(工具)里面的新代碼段,然后創建需要的代碼段,以后開發的時候就可以輸入相應的關鍵字,用tab鍵直接生成提前寫好的代碼塊,具體實現步驟可以從網上查看

3. 要想獲得更好的體驗,當然需要一些必要的插件了,我暫時列舉這比較有用的幾種,其他的可以自己安裝方法大同小異
1).安裝packgecontrol插件庫
1-1.打開菜單欄 : view(查看)下的console(控制台)
1-2.將以下花括號之內的代碼復制到控制台,然后回車等待安裝完成

{import urllib.request,os,hashlib; h = 'df21e130d211cfc94d9b0905775a7c0f' + '1e3d39e33b79698005270310898eea76'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)}

2).安裝插件方法:
111. 首先快捷鍵:ctrl + shift + P 打開命令框,然后輸入簡寫pci快速定位到packge Control install然后回車打開插件庫
222. 在彈出的插件庫輸入框內輸入對應的插件名稱搜索插件,然后回車等待安裝完成

推薦幾種常用的插件(有的插件安裝好后還需要相應的配置才能正常使用,具體配置方法可以從網上找):
1.emmet //zencoding的升級版,tab鍵一鍵補全
2.sidebar //貼心的右鍵菜單和快捷鍵
3.advancednewfile //裝好后可以通過ctrl + alt + N ,然后輸入完整文件名(帶后綴),快捷新建文件
4.autofilename //自動補全文件名
5.converttoutf8 //中文編碼,避免中文無法正常顯示的問題
6.theme-soda主題 //一款非常受歡迎的主題,分為黑白兩套皮膚

在這里重點講一下sidebar插件的配置,直接安裝好的sidebar大部分功能都可以使用了,但是還是有很多好的功能需要修改相應的配置才能正常體驗,比如快速在瀏覽器瀏覽當前文件
對於快速在瀏覽器打開文件的配置:
1).首先前提是已經安裝好了sidebar插件
2).然后在側邊欄任意一個文件上右鍵會出現一個右鍵菜單,常用的幾個功能的解釋為:
new file (新建文件)
new Folder (新建文件夾)
open in browser (在瀏覽器打開)
Reveal (打開文件所在位置)
Duplicate (備份當前文件)
Rename (重命名)
Move (移動)
delete (刪除)
至於另外的功能可以自行研究
3).在側邊欄任意一個文件上右鍵,選project-Edit Preview URLs
然后在里面輸入以下花括號內部的代碼(除了最外層中文花括號以外的全部):

{
"D:/phpstudy/www/": {

"url_testing": "http://localhost/",
"url_production" : ""

}
}

解釋一下,其他的部分不需要修改,需要把 (D:/phpstudy/www/)這部分的路徑換成你的網站根目錄的路徑,並且以后每次打開sublime的時候,打開的必須是這個目錄下
4).當你做完第三步的時候,你就已經可以通過在需要在瀏覽器預覽的文件上右鍵
,選擇view in browser的default進行預覽了,但是這樣的操作還是不夠快速,我想要通過快捷鍵直接在瀏覽器進行預覽,你可以這樣做:
--1.打開編輯器菜單欄的 preferences->packge settings->side bar-> settings-user
添加如下引號內的修改(指定默認訪問的瀏覽器為谷歌瀏覽器):


{
"default_browser": "chrome" //one of this list: firefox, aurora, chrome, canary, chromium, opera, safari
}

--2.1.打開編輯器菜單欄的 preferences->packge settings->side bar-> key bindings-user
添加如下引號內的修改(綁定快捷鍵):


{
{ "keys": ["ctrl+alt+enter"], "command": "side_bar_open_in_browser" },//綁定打開默認瀏覽器的快捷鍵
{ "keys": ["f12"], "command": "side_bar_open_in_browser" },//綁定打開默認瀏覽器的快捷鍵

// chrome,將以下對應的路徑修改為你的電腦上相應谷歌瀏覽器的路徑即可
{ "keys": ["f1"], "command": "side_bar_files_open_with",
"args": {
"paths": [],
"application": "C:/Users/Buerds—Fang/AppData/Local/Google/Chrome/Application/chrome.exe",
"extensions":".*"
}
},

// firefox,將以下對應的路徑修改為你的電腦上相應火狐瀏覽器的路徑即可
{ "keys": ["f2"], "command": "side_bar_files_open_with",
"args": {
"paths": [],
"application": "D:/360壓縮/Mozilla Firefox/firefox.exe",
"extensions":".*"
}
},

// ie,將以下對應的路徑修改為你的電腦上相應ie瀏覽器的路徑即可
{ "keys": ["f3"], "command": "side_bar_files_open_with",
"args": {
"paths": [],
"application": "C:/Program Files/Internet Explorer/iexplore.exe",
"extensions":".*"
}
}
}


--------------------------------------------------------------------------------------------------------------------------------------------------------------

 

                                                              博客:Buerds-Fang
                                                              時 間:2017-05-07

 

--------------------------------------------------------------------------------------------------------------------------------------------------------------

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM