在開發前端過程中,在編寫一些工具類的時候,不需要頁面,是以想要通過node執行即可。
解決方案有兩個,一個是通過<code>ts-node</code>,一個是通過<code>TS-ESNode</code>庫。
網絡上教程比較多。但不符合我的需要。因為我想盡可能少改動到待執行的檔案。但通過<code>ts-node</code>的方法有一些問題:
在進行<code>import</code>時,需要修改路徑的字尾為js,
在package.json中添加配置"type":"modules"
具體怎麼配置以及裡面的坑請參考:https://zhuanlan.zhihu.com/p/357097559
先放上github位址:https://github.com/K-FOSS/TS-ESNode
TS-ESNode對我而言最大的優勢是支援<code>import</code>文法,且不需要其他配置,下面講一下怎麼安裝及使用TS-ESNode
新增一個Run Configurations

配置Node parameters和JavaScript file,内容如下:
解釋:
JavaScript file配置為<code>$FilePath$</code>的目的是:當你在WebStorm打開一個typescript檔案,然後選擇該配置,點選執行,會自動執行目前檔案。
運作
使用<code>TS-ESNode</code>相對于<code>ts-node</code>更加友善,不過截止到2021-08-07号,對以下問題沒有找到解決方案:
用Node的方式在項目中對Typescript進行調試