如何快速入手vscode（上）

前言

Visual Studio code是一個輕量級但功能強大的源代碼編輯器，它運行在桌面上，可用於Windows、macOS和Linux。它內置了JavaScript、TypeScript和Node.js的內置支持，並有豐富的擴展語言用於其他語言（如C++、C語言、java、python、php、go、lua）和運行時（如.NET和Unity）。

下載

https://code.visualstudio.com/

主界面介紹

• 活動欄從上到下依次爲：文件搜索、文件資源管理、Git、調試、插件管理
• 側邊欄：顯示目錄文件、Git相關、新建文件或文件夾
• 編輯器：用來編輯、顯示代碼
• 面板欄：依次爲，問題，輸出，調試欄，終端（terminal），terminal用來輸入相關命令，一般使用powershell或bash。
• 狀態欄：下圖黃框部分依次表示光標所在字符行數、列數、Tab鍵代表4個空格（建議寫代碼用4個space代替tab 或者 設置tab爲4個space）、文件編碼格式、換行符爲LF、代碼語言種類。
  

安裝及卸載插件

接下來將演示通過vscode安裝、卸載Rest Client插件過程，通過該插件可以實現CURL指令，或者插件規定的方式發起HTTP請求。

常用快捷鍵使用

• 新建文件：Ctrl + N
  
• 快速跳轉到指定行：Ctrl + G
  
• 查找文件：Ctrl + P/E,可以輸入文件名(可以加*號)模糊匹配查找指定文件。
  
• 跨文件搜索內容：Ctrl + Shift + F，查找指定字符串內容，可以限制查找路徑，使用正則匹配查找和替換相關內容。
  
• 當前文件搜索內容：Ctrl + F，查找指定字符串內容，也可以用正則匹配查找和替換相關內容。(F3 查找下一個; Shift + F3 查找上一個)
  
• 當前文件摺疊代碼：Ctrl + K -> Ctrl + 0
  
• 當前文件展開代碼：Ctrl + K -> Ctrl + J
  
• 隱藏/顯示側邊欄：Ctrl + B
• 隱藏/顯示面板欄：Ctrl + J
• 移動到行首： Hom（Fn + 左鍵）
• 移動到行尾： End（Fn + 右鍵）
• 移動到文件結尾： Ctrl + End（Ctrl + Fn + 右鍵）
• 移動到文件開頭： Ctrl + Hom（Ctrl + Fn + 左鍵）
• 向上翻頁：Fn + 上鍵
• 向下翻頁：Fn + 下鍵
• 查找替換 ：Ctrl + H
• 摺疊區域代碼：Ctrl + Shift + [
• 展開區域代碼：Ctrl + Shift + ]
• 刪除當前行: Ctrl + Shift + K
• 撤回/前進：Ctrl + Z | Ctrl + Y
  

Git代碼管理

通過vscode自帶的Git管理器，可以方便pull、push、commit等一系列git指令。同時可以通過文件資源管理器的TIMELINE可以可視化查看某文件的提交歷史，單擊任何一個commit記錄，可以清晰查看相鄰兩個提交記錄的改動點。

比較多個代碼文件內容

在日常開發中，我們可能會使用BCompare來比較文件、文件夾內容，但是很多時候，我們還是希望IDE可以有這個功能，不過可能沒有BCompare那麼專業，但是夠用就好，隨便欣賞一下vscode的極簡設計風格，不過目前vscode只支持文件比較，希望各位碼友分享一下更爲完善的方案。詳細請看：https://blog.csdn.net/weixin_40783338/article/details/1060376

添加註釋

註釋有兩種形式，單行註釋和塊註釋。

• 單行註釋 Cmd+/ （win Ctrl +/）
• 塊註釋 Option+Shift+A