使用WebStorm 如何運行、調試ts

====================node

最近使用ts開發命令行程序,總結記錄下Webstorm強大的運行、調試功能。typescript

須要依賴

  1. node.js
  2. typescript
  3. ts-node

安裝依賴npm

yarn global add typescript ts-node -Djson

編輯器

npm install gloabl typescript ts-node --save-dev工具

配置步驟

  1. 從主菜單中,選擇Run| Edit Configurations,而後在「 Edit Configurations」對話框中, 單擊 工具欄上的,而後從列表中選擇Node.js。將打開對話框。
  2. Node parameters 中添加 `--requeire ts-node/register
  3. JavaScript Files中,指定要運行或調試的文件。可指定固定的文件spa

    1. 固定的文件。指定絕對路徑的文件地址,如E:\code\luckybo\help.ts.
    2. $FilePathRelativeToProjectRoot$該指令表示,老是運行編輯器當前激活的文件。須要注意的一點,此時,文件是用項目文件夾做爲根目錄,而不是當前激活文件所在的文件夾。命令行

      1. 若有其它朋友發現,其它可用的宏命令,歡迎在下方評論區提示做者,驗證後我會將其添加到本文。
  4. Applicaiton parameters,能夠指定運行參數。如--project tsconfig.json,此時你能夠指定使用項目根目錄中的ts配置。
  5. Environment varaiables,指定環境變量。與node.js中的環境變量做用一致。
  6. 保存,運行。

步驟1:
image.png
步驟2-6
image.png調試

相關文章
相關標籤/搜索