? ? ?“工欲善其事必先利其器”杉适,今天義昆來給大家講解一下“Sublime Text 3”的配置及遇到的一些問題,我們只聊干貨猿推,不講無用的蹬叭。
? ? ? 1)安裝Sublime Text3,前往www.sublimetext.com 下載對(duì)應(yīng)版本即可具垫。
2)安裝Packages Control筝蚕。
a)有人喜歡用手工安裝铺坞,其實(shí)也挺方便的。
? ? 按Ctrl+`調(diào)出console(注:安裝有QQ輸入法的這個(gè)快捷鍵會(huì)有沖突的坯沪,輸入法屬性設(shè)置-輸入法管理-取消熱鍵切換至QQ拼音)粘貼以下代碼到底部命令行并回車:
Sublime Text 3:
importurllib.request,os; pf ='Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) );open(os.path.join(ipp, pf),'wb').write(urllib.request.urlopen('http://sublime.wbond.net/'+ pf.replace(' ','%20')).read())
Sublime Text 2:
importurllib2,os; pf='Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp )ifnotos.path.exists(ipp)elseNone; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler( ))); open( os.path.join( ipp, pf),'wb').write( urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read()); print('Please restart Sublime Text to finish installation')
? ? ? ? ? ? ? ? ?b)自動(dòng)安裝擒滑。我推薦這個(gè)丐一,只需要把hosts的文件增加:
50.116.34.243sublime.wbond.net
解決There are no packages available for installation問題:
? ? ? ? ?分析原因發(fā)現(xiàn),在利用sublime進(jìn)行插件下載時(shí)库车,sublime會(huì)調(diào)用channel_v3.json文件柠衍,點(diǎn)擊Preferences->Package Setting->Package Control ->Setting Default,可以看到該文件是放置在網(wǎng)絡(luò)中進(jìn)行讀取的珍坊,而由于GFW的原因,導(dǎo)致無法讀取該文件(但是竟然可以直接訪問驻民??)呛占,這也就是導(dǎo)致插件無法下載的原因懦趋。
? ? ? ? ? 怎么辦?下載channel_v3.json帜篇,放入對(duì)應(yīng)文件夾诫咱,然后修改Setting Uesr為對(duì)應(yīng)數(shù)據(jù)即可。下載地址如下:
鏈接: https://pan.baidu.com/s/1NeNcZKzGRxlAOSSQxN7Lhg 提取碼: 358y
? ? ? ? ? ? ? 修改Packages ?Setting User代碼如下:
{"auto_upgrade":true,"auto_upgrade_frequency":1,"auto_upgrade_ignore":? [? ],"bootstrapped":true,"cache_length":300,"channels":? ["D:/Program Files/Sublime Text 3/coco/channel_v3.json"? ],"debug":false,"dirs_to_ignore":? [".hg",".git",".svn","_darcs","CVS"? ],"downloader_precedence":? {"linux":? ? ["urllib","curl","wget"? ? ],"osx":? ? ["urllib"? ? ],"windows":? ? ["wininet"? ? ]? },"enable_tests":false,"files_to_ignore":? ["*.pyc",".hgignore",".gitignore",".bzrignore","*.sublime-project","*.sublime-workspace","*.tmTheme.cache"? ],"files_to_include":? [? ],"git_binary":? [? ],"git_update_command":? ["pull","--ff","--commit"? ],"hg_binary":? [? ],"hg_update_command":? ["pull","--update"? ],"http_cache":true,"http_cache_length":604800,"http_proxy":"","https_proxy":"","ignore_vcs_packages":? [? ],"install_missing":true,"install_prereleases":? [? ],"package_destination":"","package_name_map":? {? },"package_profiles":? {"Binaries Only":? ? {"files_to_ignore":? ? ? ["*.py",".hgignore",".gitignore",".bzrignore","*.sublime-project","*.sublime-workspace","*.tmTheme.cache"? ? ? ],"files_to_include":? ? ? ["__init__.py"? ? ? ]? ? }? },"proxy_password":"","proxy_username":"","remove_orphaned":true,"repositories":? [? ],"submit_url":"D:/Program Files/Sublime Text 3/coco/channel_v3.json","submit_usage":true,"timeout":30,"unmanaged_packages_ignore":? [? ],"user_agent":"Package Control v%s"}
3)漢化。
Preferences->Package Setting->Package Control->install package
4)快捷鍵(建議收藏):
選擇類Ctrl+D 選中光標(biāo)所占的文本掏呼,繼續(xù)操作則會(huì)選中下一個(gè)相同的文本。Alt+F3 選中文本按下快捷鍵莽鸿,即可一次性選擇全部的相同文本進(jìn)行同時(shí)編輯拾给。舉個(gè)栗子:快速選中并更改所有相同的變量名、函數(shù)名等级及。Ctrl+L 選中整行窄锅,繼續(xù)操作則繼續(xù)選擇下一行,效果和 Shift+↓ 效果一樣追驴。Ctrl+Shift+L 先選中多行疏之,再按下快捷鍵,會(huì)在每行行尾插入光標(biāo)锋爪,即可同時(shí)編輯這些行。Ctrl+Shift+M 選擇括號(hào)內(nèi)的內(nèi)容(繼續(xù)選擇父括號(hào))亏镰。舉個(gè)栗子:快速選中刪除函數(shù)中的代碼,重寫函數(shù)體代碼或重寫括號(hào)內(nèi)里的內(nèi)容钧忽。Ctrl+M 光標(biāo)移動(dòng)至括號(hào)內(nèi)結(jié)束或開始的位置逼肯。Ctrl+Enter 在下一行插入新行。舉個(gè)栗子:即使光標(biāo)不在行尾大刊,也能快速向下插入一行三椿。Ctrl+Shift+Enter 在上一行插入新行。舉個(gè)栗子:即使光標(biāo)不在行首男翰,也能快速向上插入一行纽乱。Ctrl+Shift+[ 選中代碼昆箕,按下快捷鍵,折疊代碼薯嗤。Ctrl+Shift+] 選中代碼纤泵,按下快捷鍵,展開代碼玻褪。Ctrl+K+0展開所有折疊代碼公荧。Ctrl+← 向左單位性地移動(dòng)光標(biāo),快速移動(dòng)光標(biāo)窟社。Ctrl+→ 向右單位性地移動(dòng)光標(biāo),快速移動(dòng)光標(biāo)关炼。shift+↑ 向上選中多行匣吊。shift+↓ 向下選中多行。Shift+← 向左選中文本侣灶。Shift+→ 向右選中文本缕碎。Ctrl+Shift+← 向左單位性地選中文本。Ctrl+Shift+→ 向右單位性地選中文本凡怎。Ctrl+Shift+↑ 將光標(biāo)所在行和上一行代碼互換(將光標(biāo)所在行插入到上一行之前)赊抖。Ctrl+Shift+↓ 將光標(biāo)所在行和下一行代碼互換(將光標(biāo)所在行插入到下一行之后)。Ctrl+Alt+↑ 向上添加多行光標(biāo)氛雪,可同時(shí)編輯多行报亩。Ctrl+Alt+↓ 向下添加多行光標(biāo),可同時(shí)編輯多行弦追。編輯類Ctrl+J 合并選中的多行代碼為一行劲件。舉個(gè)栗子:將多行格式的CSS屬性合并為一行。Ctrl+Shift+D? 復(fù)制光標(biāo)所在整行零远,插入到下一行遍烦。Tab 向右縮進(jìn)。Shift+Tab 向左縮進(jìn)服猪。Ctrl+K+K 從光標(biāo)處開始刪除代碼至行尾。Ctrl+Shift+K 刪除整行近她。Ctrl+/ 注釋單行。Ctrl+Shift+/注釋多行薇缅。Ctrl+K+U 轉(zhuǎn)換大寫。Ctrl+K+L 轉(zhuǎn)換小寫攒磨。Ctrl+Z 撤銷泳桦。Ctrl+Y 恢復(fù)撤銷。Ctrl+U 軟撤銷娩缰,感覺和 Gtrl+Z 一樣灸撰。Ctrl+F2 設(shè)置書簽Ctrl+T 左右字母互換。F6 單詞檢測(cè)拼寫搜索類Ctrl+F 打開底部搜索框拼坎,查找關(guān)鍵字浮毯。Ctrl+shift+F 在文件夾內(nèi)查找,與普通編輯器不同的地方是sublime允許添加多個(gè)文件夾進(jìn)行查找泰鸡,略高端债蓝,未研究盛龄。Ctrl+P 打開搜索框饰迹。舉個(gè)栗子:1、輸入當(dāng)前項(xiàng)目中的文件名讯嫂,快速搜索文件蹦锋,2、輸入@和關(guān)鍵字欧芽,查找文件中函數(shù)名,3葛圃、輸入:和數(shù)字千扔,跳轉(zhuǎn)到文件中該行代碼,4库正、輸入#和關(guān)鍵字曲楚,查找變量名。Ctrl+G 打開搜索框褥符,自動(dòng)帶:龙誊,輸入數(shù)字跳轉(zhuǎn)到該行代碼。舉個(gè)栗子:在頁面代碼比較長的文件中快速定位喷楣。Ctrl+R 打開搜索框趟大,自動(dòng)帶@鹤树,輸入關(guān)鍵字,查找文件中的函數(shù)名逊朽。舉個(gè)栗子:在函數(shù)較多的頁面快速查找某個(gè)函數(shù)罕伯。Ctrl+:打開搜索框,自動(dòng)帶#叽讳,輸入關(guān)鍵字追他,查找文件中的變量名、屬性名等岛蚤。Ctrl+Shift+P 打開命令框邑狸。場(chǎng)景栗子:打開命名框,輸入關(guān)鍵字涤妒,調(diào)用sublime text或插件的功能推溃,例如使用package安裝插件。Esc 退出光標(biāo)多行選擇届腐,退出搜索框铁坎,命令框等。顯示類Ctrl+Tab 按文件瀏覽過的順序犁苏,切換當(dāng)前窗口的標(biāo)簽頁硬萍。Ctrl+PageDown 向左切換當(dāng)前窗口的標(biāo)簽頁。Ctrl+PageUp 向右切換當(dāng)前窗口的標(biāo)簽頁围详。Alt+Shift+1窗口分屏朴乖,恢復(fù)默認(rèn)1屏(非小鍵盤的數(shù)字)Alt+Shift+2左右分屏-2列Alt+Shift+3左右分屏-3列Alt+Shift+4左右分屏-4列Alt+Shift+5等分4屏Alt+Shift+8垂直分屏-2屏Alt+Shift+9垂直分屏-3屏Ctrl+K+B 開啟/關(guān)閉側(cè)邊欄。F11 全屏模式Shift+F11 免打擾模式
5)常用的插件推薦(根據(jù)自己的愛好)
推薦:前端開發(fā)使用Bootstrap 4 Snippets:
https://github.com/degouville/sublime-bootstrap4
Emmet:Emmet是一個(gè)可以讓你更快更高效地編寫HTML和CSS助赞,節(jié)省你大量時(shí)間的插件买羞。只需按約定的縮寫形式書寫而不用寫整個(gè)代碼,然后按“擴(kuò)展”鍵雹食,這些縮寫就會(huì)自動(dòng)擴(kuò)展為對(duì)應(yīng)的代碼內(nèi)容畜普。
ConvertToUTF8:ConvertToUTF8 能將除UTF8編碼之外的其他編碼文件在 Sublime Text 中轉(zhuǎn)換成UTF8編碼,在打開文件的時(shí)候一開始會(huì)顯示亂碼群叶,一會(huì)兒自動(dòng)顯示出正常的字體吃挑。
Color Highlighter:我很喜歡這個(gè)插件。當(dāng)你輸入不同的顏色街立,就會(huì)在該位置顯示對(duì)應(yīng)的顏色舶衬,特別好看!
BracketHighlighter:這個(gè)插件會(huì)高亮顯示匹配的括號(hào)赎离、引號(hào)和標(biāo)簽逛犹。
ChineseLocalization:各國語言包~~
Alignment:代碼對(duì)齊。
AutoFileName:幫助你快速地在文件中寫路徑,自動(dòng)補(bǔ)全文件(目錄)名虽画。
CSS Format:它是css序列化插件舞蔽,支持默認(rèn)多種序列方案,還可以自己配置狸捕。
JsFormat:js序列化喷鸽,能排在下載插件前25位。
DocBlockr:DocBlocker 是在Sublime平臺(tái)上開發(fā)一款自動(dòng)補(bǔ)全注釋插件灸拍,支持JavaScript (including ES6), PHP, ActionScript, Haxe, CoffeeScript, TypeScript, Java, Apex, Groovy, Objective C, C, C++ and Rust.等眾多語言做祝。
CTags:實(shí)現(xiàn)方法跳轉(zhuǎn)。
SublimeTmpl:能快速生成文件模板鸡岗。
SublimeCodeIntel:智能提示混槐。
HTML/CSS/JS Prettify :HTML、CSS轩性、JS格式化声登。
LiveReload :調(diào)試網(wǎng)頁實(shí)時(shí)自動(dòng)更新。