? ? ?“工欲善其事必先利其器”，今天義昆來給大家講解一下“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è)栗子：在頁面代碼比較長(zhǎng)的文件中快速定位。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：各國(guó)語言包~~
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)更新。
