Visual Studio Code 使用教程

下載使用Visual Studio Code

---

官方地址：https://code.visualstudio.com/Download

如果需要使用中文，安裝完成後，在拓展裏搜 Chinese，點擊Install，重啓生效。

 

 

Visual Studio Code 調試

---

首先爲項目配置調試參數，在“Debug”標籤下打開“Add Configuration”選項。

 

 彈出如圖界面，需要在launch.json配置對應內容。

 

 修改launch.json，主要是修改program的值，指向服務端入口。以調試Node.js項目爲例：

 {
     // 使用 IntelliSense 瞭解相關屬性。 
     // 懸停以查看現有屬性的描述。
     // 欲瞭解更多信息，請訪問: https://go.microsoft.com/fwlink/?linkid=830387
     "version": "0.2.0",
     "configurations": [
         {
             "type": "node",
             "request": "launch",
             "name": "Node.js",
             "program": "${workspaceFolder}\\server\\index.js"
         }
     ]
 }

 

如果需要修改調試配置可以在“Debug”的調試下拉菜單中打開launch.json。

此外，點擊如圖按鈕可以打開“Debug Console”：

 

 

調整字體大小

---

快捷鍵Ctrl+Shift+P打開命令窗口，輸入font：

 

  

其他常用快捷鍵

---

• Ctrl+Shift+P,F1 展示全局命令面板
• Ctrl+P 快速打開最近打開的文件
• Alt + up/down 移動行上下
• Shift + Alt up/down 在當前行上下複製當前行
• Ctrl + Shift + K 刪除行
• Ctrl + Enter 在當前行下插入新的一行
• Ctrl + Shift + Enter 在當前行上插入新的一行
• Ctrl + / 添加關閉行註釋
• Shift + Alt + F 格式化代碼