朱義昆:Sublime Text 3如何配置一個(gè)高效率的開發(fā)IDE

? ? ?“工欲善其事必先利其器”杉适,今天義昆來給大家講解一下“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)更新。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末揣苏,一起剝皮案震驚了整個(gè)濱河市悯嗓,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌卸察,老刑警劉巖脯厨,帶你破解...
    沈念sama閱讀 219,110評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異坑质,居然都是意外死亡合武,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,443評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門涡扼,熙熙樓的掌柜王于貴愁眉苦臉地迎上來稼跳,“玉大人,你說我怎么就攤上這事吃沪√郎疲” “怎么了?”我有些...
    開封第一講書人閱讀 165,474評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵巷波,是天一觀的道長萎津。 經(jīng)常有香客問我,道長抹镊,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,881評(píng)論 1 295
  • 正文 為了忘掉前任荤傲,我火速辦了婚禮垮耳,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己终佛,他們只是感情好俊嗽,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,902評(píng)論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著铃彰,像睡著了一般绍豁。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上牙捉,一...
    開封第一講書人閱讀 51,698評(píng)論 1 305
  • 那天竹揍,我揣著相機(jī)與錄音,去河邊找鬼邪铲。 笑死芬位,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的带到。 我是一名探鬼主播昧碉,決...
    沈念sama閱讀 40,418評(píng)論 3 419
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼揽惹!你這毒婦竟也來了被饿?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,332評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤搪搏,失蹤者是張志新(化名)和其女友劉穎狭握,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體慕嚷,經(jīng)...
    沈念sama閱讀 45,796評(píng)論 1 316
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡哥牍,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,968評(píng)論 3 337
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了喝检。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片嗅辣。...
    茶點(diǎn)故事閱讀 40,110評(píng)論 1 351
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖挠说,靈堂內(nèi)的尸體忽然破棺而出澡谭,到底是詐尸還是另有隱情,我是刑警寧澤损俭,帶...
    沈念sama閱讀 35,792評(píng)論 5 346
  • 正文 年R本政府宣布蛙奖,位于F島的核電站,受9級(jí)特大地震影響杆兵,放射性物質(zhì)發(fā)生泄漏雁仲。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,455評(píng)論 3 331
  • 文/蒙蒙 一琐脏、第九天 我趴在偏房一處隱蔽的房頂上張望攒砖。 院中可真熱鬧缸兔,春花似錦、人聲如沸吹艇。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,003評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽受神。三九已至抛猖,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間鼻听,已是汗流浹背财著。 一陣腳步聲響...
    開封第一講書人閱讀 33,130評(píng)論 1 272
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留精算,地道東北人瓢宦。 一個(gè)月前我還...
    沈念sama閱讀 48,348評(píng)論 3 373
  • 正文 我出身青樓,卻偏偏與公主長得像灰羽,于是被迫代替她去往敵國和親驮履。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,047評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容

  • 破解和激活廉嚼,打開程序玫镐。點(diǎn)擊help-enterlicen然后將: 所有文本包括注釋粘貼進(jìn)去最后選擇use licn...
    ynwshy閱讀 3,225評(píng)論 0 1
  • Sublime Text 全程指南 2014年 9月27日|評(píng)論 作者:Lucida 微博:@peng_gong ...
    raincoat閱讀 5,538評(píng)論 5 68
  • 下載:Sublime Text 3 官方下載地址Sublime Text 3 漢化破解版 資料:Sublime T...
    追風(fēng)逸少丶閱讀 6,514評(píng)論 0 4
  • 1.安裝 默認(rèn)安裝,略怠噪。 2.添加系統(tǒng)環(huán)境變量 使用 Win + R 運(yùn)行 sysdm.cpl 打開“系統(tǒng)屬性...
    Dullman_閱讀 1,173評(píng)論 0 2
  • 或許每個(gè)人 都有 一段割舍不下的曾經(jīng) 被春風(fēng)猛然吹開的心門 總是住著一些意料之外的人 街角寂寞透明的櫥窗 依稀影印...
    水木寧閱讀 217評(píng)論 13 11