隨著2019年的到來，Stack Overflow對2018年的IT生態調查顯示：Visual Studio Code超過Visual Studio一躍成為榜首，成為“最受歡迎的開發環境”，沒有之一！
VScode的免費，開源，輕量，快速，強大，智能提示已經讓它火遍了全球，今天就來讓我們來學習一下VScode的八個提升開發效率的小貼士，讓你的開發效率up up up！
1. 按下ctrl+K，再按下ctrl+S，查看快捷鍵列表。
如果你想查看某個操作的快捷鍵，你並不用去看官方文檔，只需要調出快捷鍵列表，在上方搜索欄搜索你想要的操作，即可獲知對應的快捷鍵組合。
2. 按下ctrl+P，彈出搜索欄，直接輸入關鍵字，在所有文件中搜索特定符號：
在所有文件內搜索"employee"關鍵字
在搜索欄前輸入”@“，在當前文件中搜索特定符號：
在當前打開文件中搜索”employee“關鍵字
在搜索欄前輸入”>“，搜索所有可使用的命令 比如我想使用spring initializr擴展的命令, 創建一個Maven工程：
搜索”spring initializr：Generate a Maven Project”命令
3. 在閱讀代碼的時候，常常需要在不同的文件間切換，這時會出現“看了這個忘了那個”的現象，我們可以在插件市場中下載Bookmarks插件，助你更快標記、尋找某塊代碼。
運用第二條的知識，ctrl+P，再輸入">"，輸入插件名，查看該插件的命令：
標記圖中36-38行代碼
選擇命令Toggle Labeled（標記並給該標記命名），為其命名“getId”後，當我們在別的文件中時，我們可以直接搜索該標籤，跳轉至標記處~
選擇Bookmarks：List from All Files 陳列出你的標籤
看到了我們剛才標記的代碼塊~Enter鍵直接跳轉~
4. 對某個函數或變量，右鍵點擊，在不移動目前代碼位置的前提下，查看其定義和引用。
右鍵，點擊peek definition
彈出該屬性的定義
同理，還可以看這個函數或變量在哪裡被引用：選擇”peek reference“
查看變量的引用位置
彈出變量的引用位置
5. 通過ctrl+=和ctrl+-組合來進行縮放。
當你覺得現在的字體有點小，看不清，或者有點大，你不必去在設置菜單欄裡面繞個暈頭轉向，你只需用如上兩個組合鍵來進行縮放即可。
放大
縮小
6. 使用Paste Json As Code擴展，將複製黏貼來的json文件直接序列化成代碼。
舉例：
將如下json文件：
json文件
序列化為Java代碼：
直接打開命令板，輸入Paste Json As Code的命令即可，十分方便。
7. 使用安裝量高達一千兩百萬的Gitlens擴展，助你更好地進行代碼合作，查看代碼更改歷史。
結合GitLens，你從github上clone下來的代碼上就會出現代碼作者，代碼commit的具體時間：
可以看到作者Greg Turnquist在三件前對改代碼做了commit
點擊右上角新出現的“Toggle File Blame Annotation”按鈕，對比展示你的代碼與原repo的區別：
點擊改圖標
查看你更改後的與原版本代碼的區別
分割線左側是原repo，右側是我們更改後的代碼，我們可以看到具體的代碼作者和commit時間。
在左側的action bar中，新出現了GitLens的圖標，點擊後，詳細查看branch，master，commit的信息：
可以看到當前repo的整個commit歷史，作者的github頭像也能看到，點擊某個修改歷史，直接就可以看到該修改和修改前代碼的所有區別。
8. 壓軸出場：微軟主打的革命性開發擴展：VS Live Share，在這個擴展的加持下，你可以和你的同事完成真正的遠程實時代碼協同開發，對方並不需要將整個工程clone下來，只需要連接到你開的session，你和他就可以對一個文件進行開發，修改。
Visual Studio Live Share enables you to collaboratively edit and debug with others in real time, regardless what programming languages you're using or app types you're building. It allows you to instantly (and securely) share your current project, and then as needed, share debugging sessions, terminal instances, localhost web apps, voice calls, and more! Developers that join your sessions recieve all of their editor context from your environment (e.g. language services, debugging), which ensures they can start productively collaborating immediately, without needing to clone any repos or install any SDKs.
VS live share 讓你可以實時與你的合作者協同編輯，調試代碼，不管你是在使用何種語言，開發何種應用。它讓你可以實時並安全地分享你的當前工程，並且如果需要，甚至可以分享調試會議，命令行示例，本地web應用，語音通話，甚至更多！參加會議的開發者可以從你的環境中接收到所有的編輯內容（比如語言服務，調試），確保參會者可以高效合作，無需克隆項目代碼並安裝開發包。
使用起來很容易，安裝該擴展：
enable該擴展，reload你的VScode，然後看到左下角的Live Share圖標：
跳轉至瀏覽器頁面:
使用我們的GitHub賬號登陸（也可以用微軟賬號）。
隨後回到我們的VS live share界面中，可以看到：
實時代碼沙龍
只有我一個人，那如何讓別人也參與進來呢？
點擊該圖標
每一個舉辦的實時代碼會議，都有一個網址，也就是url地址，點擊這個按鈕，該地址會自動進入你的剪貼板中，你只需把這個url發送給你的同事，你的同事在瀏覽器中進入這個網址：
可以看到這個代碼實時會議是我開的，然後直接點擊自動彈出的Open Live Share for VS Code，你的VScode就會自動啟動，打開之後，你已經進入了該代碼實時會議，可以和大家開始共享整個工程，甚至可以用voice call和他們實時語音交流，共同享受代碼協作開發的樂趣。
原文地址：https://zhuanlan.zhihu.com/p/54164612
閱讀更多 前端小學生 的文章
