小編推薦：Fundebug提供JS、微信小程序凰棉、微信小游戲损拢，Node.js和Java錯誤監(jiān)控。真的是一個很好用的錯誤監(jiān)控費(fèi)服務(wù)撒犀，眾多大佬公司都在使用福压。
譯者按： 充分利用其特性掏秩，你會覺得 VSCode 非常強(qiáng)大！
為了保證可讀性荆姆，本文采用意譯而非直譯蒙幻。另外，本文版權(quán)歸原作者所有胆筒，翻譯僅用于學(xué)習(xí)邮破。
在開源 IDE 市場，最近幾年 Visual Studio Code(簡稱 VSCode)越來越流行仆救。自從 2015 年對外發(fā)布后抒和，根據(jù) 2018 年 Stack Overflow 的調(diào)查報(bào)告，有 35%的開發(fā)者轉(zhuǎn)而使用 VSCode彤蔽。我接下來會介紹一些建議和技巧來讓你更加高效的使用 VSCode摧莽。
Git 和 Gitlens
Git 可以說是在開發(fā)者中最流行的軟件，從 IDE 直接操作 Git 會比通過命令行簡單很多铆惑。Git 模塊可以幫助你做 stage范嘱、commit、stash员魏、undo 等操作丑蛤。Gitlens 插件提供了更多的可能性。Gitlens 最有用的特性就是你可以看到每一行代碼的 commit 歷史撕阎。
實(shí)時共享
VSCode Live Share 是一個實(shí)驗(yàn)性的特性受裹。官網(wǎng)上這樣說到：
無論構(gòu)建什么類型的應(yīng)用，使用何種語言編程或使用何種操作系統(tǒng)虏束，當(dāng)需要協(xié)作時棉饶，實(shí)時共享都能夠立即將你的項(xiàng)目與隊(duì)友共享。 隊(duì)友可實(shí)時編輯和調(diào)試镇匀，無需克隆存儲庫或設(shè)置其環(huán)境照藻。
通過 Live Share，可以共同進(jìn)行編輯和調(diào)試汗侵，同時還可共享音頻幸缕、服務(wù)器、終端晰韵、差異发乔、注釋等。 無論是進(jìn)行代碼評審雪猪、與隊(duì)友結(jié)對編程栏尚、參與 Hackathon 活動還是進(jìn)行互動式講座，Live Share 都可以通過多種寫作方式為你提供支持只恨。
JSON to Code
是否經(jīng)歷過译仗，當(dāng)個面對一個 API抬虽，你希望它返回的數(shù)據(jù)結(jié)構(gòu)能夠有一個類型定義，但是又不用自己去手動定義纵菌？ Paste JSON as Code 可以一鍵將 JSON 文件轉(zhuǎn)換為一個目標(biāo)語言的類型定義斥赋。
批量重命名
寫代碼和維護(hù)代碼的時候少不了做重構(gòu)，特別是當(dāng)你重構(gòu)一個很大的模塊或則很大一段代碼的時候产艾，一個一個去查找和修改變量/函數(shù)名會很頭痛疤剑。好在 VSCode 可以幫助我們。
如果你選中一個變量/方法名闷堡，然后按 F2隘膘，你可以編輯選中的名字，整個項(xiàng)目中所有相關(guān)的實(shí)例都會被修改杠览。
如果你只想修改當(dāng)前文件弯菊，使用 Command+F2(Mac) 或則 Ctrl+F2(Windows) 命令。
跳轉(zhuǎn)到定義
當(dāng)在寫代碼的時候踱阿，面對一個變量/方法管钳，往往會忘記其指代的含義。在這個時候怎么做呢软舌？你要花上數(shù)分鐘的時間來搜索整個項(xiàng)目才漆，定位到正確的位置。在 VSCode佛点，你可以使用 Command(Mac)/Ctrl(Windows) 并鼠標(biāo)單擊對應(yīng)的變量/方法名醇滥，VSCode 會自動跳轉(zhuǎn)到正確的位置。
或則超营，你可以將光標(biāo)停留在變量/方法名鸳玩，然后按下 Command(Mac)/Ctrl(Windows)，會在當(dāng)前光標(biāo)旁邊彈出變量/函數(shù)的定義演闭。這樣省去跳轉(zhuǎn)到其它位置的麻煩不跟。
多行編輯
如果你想要插入/刪除多個相同文本的實(shí)例，你可以創(chuàng)建一個多光標(biāo)(Multiple cursor)米碰。你可以按住 Option(Mac)/Alt(Windows) 按鍵窝革，然后每點(diǎn)擊一次，光標(biāo)就在當(dāng)前位置停住见间。每一次點(diǎn)擊創(chuàng)建一個新的光標(biāo)聊闯，然后就可以同時編輯這些位置工猜。
在 HTML 中非常有用米诉，特別是當(dāng)你想修改類名/超鏈接，而它在多處出現(xiàn)的時候篷帅。
Debugger
Debugger 本身內(nèi)容很多史侣，VSCode 有一個專門介紹的視頻拴泌。
Youtube 視頻地址：VSCode debugging Node.js
綁定快捷鍵
如果你想高效的工作，將你常用的命令制成快捷鍵惊橱。你可以通過cheat sheet/“查看快捷鍵綁定”來快速查看核心命令蚪腐。
命令控制臺是你最好的朋友，你可以使用 Command+p(Mac)/Ctrl+p(Windows) 來打開税朴。輸入文件名回季，你可以快速跳轉(zhuǎn)到指定的文件。這比你在左側(cè)項(xiàng)目目錄慢慢找要快得多正林。
你可以輸入
>來查看所有可用任務(wù)用
@符號來獲取當(dāng)前文件所有的 Symbols(變量/函數(shù)/類名/方法等等)
自定義綁定快捷鍵
在 VSCode 有一個命令缺失了泡一，那就是“保存所有”。我們可以自定義一個：Command+Shift+S(Mac)/Ctrl+Shift+S(Windows)觅廓。
關(guān)于Fundebug
Fundebug專注于JavaScript鼻忠、微信小程序、微信小游戲杈绸、支付寶小程序帖蔓、React Native、Node.js和Java線上應(yīng)用實(shí)時BUG監(jiān)控瞳脓。 自從2016年雙十一正式上線塑娇，F(xiàn)undebug累計(jì)處理了10億+錯誤事件，付費(fèi)客戶有Google劫侧、360钝吮、金山軟件、百姓網(wǎng)等眾多品牌企業(yè)板辽。歡迎大家免費(fèi)試用奇瘦！
版權(quán)聲明
轉(zhuǎn)載時請注明作者Fundebug以及本文地址： https://blog.fundebug.com/2019/03/26/tips-for-vscode-to-be-productive/
