1.3　Visual Studio Code編輯器

性能優秀的編輯器對于高效的開發來說如同利刃，筆者常用的就是廣受好評的Visual Studio Code，本節將對它進行詳細介紹。Visual Studio Code是微軟在2015年發布的一款能夠運行在Windows、macOS和Linux上的跨平臺編輯器，官網地址為https://code.visualstudio.com/。

1.3.1　Visual Studio Code的安裝及其功能

從官網下載Visual Studio Code的穩定版本，下載界面如圖1.21所示，其他版本需展開下拉框進行選擇。

下載完成后，打開安裝包進行安裝即可。

Visual Studio Code最重要的部分是側邊欄，也就是如圖1.22所示的區域。這個區域集成了編碼時會用到的核心功能，其他功能都可以通過安裝擴展來實現。

1.3.2　使用Visual Studio Code調試Node.js

下面使用1.1.5節中的示例來演示調試Node.js。首先使用Visual Studio Code打開1.1.5節中的示例代碼，單擊編輯器左側工具欄中的“調試”按鈕的位置（如圖1.23所示）。

進入調試窗口，可以看到當前項目暫時“沒有配置”調試信息（如圖1.24所示）。

單擊調試窗口中的“沒有配置”選項，在展開的下拉菜單中，選擇“添加配置”選項，然后選擇“Node.js：附加到進程”，如圖1.25所示。

Visual Studio Code會自動在當前項目中創建文件夾.vscode，并在該文件夾中添加文件launch.json，配置代碼如下：

接下來，在第1.1.5節中的示例代碼08行處添加斷點，代碼如下：

然后，單擊如圖1.24箭頭處的“調試”按鈕啟動Node.js服務。打開瀏覽器，輸入地址http://localhost:8080/，程序進入斷點處，如圖1.26所示。

通過圖1.26可以看到，Visual Studio Code為開發者提供了充足的調試功能，如當前上下文環境中的變量查看功能、監視功能、調用堆棧查看功能等。

提示：讀者也可以訪問https://code.visualstudio.com/docs/nodejs/nodejs-debugging，了解更多高級調試功能。