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 格式化代碼