2.1.3　使用高級IDE工具

將TypeScript源碼編譯成JavaScript文件后，即可在瀏覽器或Node.js環境中運行。但是這對開發者來說還是有些不友好，在編寫代碼后，每次運行都需要手動執行編譯指令不僅非常煩瑣，而且也不利于開發過程中的斷點與調試。因此，在實際編程中，使用一個強大的IDE工具是很有必要的。

Visual Studio Code簡稱VS Code，是微軟于2015年推出的一個輕量但強大的代碼編譯器，通過插件的擴展，其支持眾多編程語言的關鍵字高亮、代碼提示以及編譯運行等功能。后面將使用此編輯器來編寫TypeScript代碼。

在如下地址可以下載新版本的VS Code軟件：

     https://code.visualstudio.com/

下載完成后，直接進行安裝即可。

要進行TypeScript代碼的運行與調試，我們需要另外安裝一個Node.js軟件包，在終端執行如下指令來進行全局安裝：

     npm install -g ts-node@8.5.4

需要注意，安裝的ts-node軟件版本要設置為8.5.4，新版本的ts-node可能會對某些函數不支持。

準備工作完成后，可以嘗試使用VS Code創建一個名為2.HelloWorld.ts的測試文件，編寫代碼如下：

【代碼片段2-3　源碼見附件代碼/第2章/2.HelloWorld/2.HelloWorld.ts】

代碼本身和上一節幾乎沒什么變化，下面我們配置VS Code的自定義運行規則，選中VS Code側邊欄上的調試與運行選項，其中會提示我們創建launch.json文件，單擊此按鈕即可快速創建，如圖2-2所示。

注意在生成此文件時要選擇Node.js環境。

將生成的launch.json文件修改如下：

此文件用來配置運行所需要執行的指令，這里我們無須深究，只需要了解即可。配置之后，在VS Code中運行當前項目中的TypeScript文件時會自動調用ts-node軟件進行運行，可以嘗試對2.HelloWorld.ts文件進行運行，從調試控制臺可以看到所輸出的Log信息，如圖2-3所示。

在開發過程中，斷點調試也是非常重要的一部分，在VS Code中，鼠標在需要斷點的代碼行左側單擊，即可添加一個調試斷點，以Debug調試的方式進行運行，當程序執行到對應斷點行時，即可中斷，且可以在調試區看到當前堆棧中的變量數據，如圖2-4所示。