如何在vscode上直接運行typescript

在學(xué)習typescript的過程中發(fā)現(xiàn)在vscode上不能很好地的輸出typescript的運行結(jié)果，需要先將typescript編譯為javascript，在通過node執(zhí)行js文件得到結(jié)果，執(zhí)行過程如下

執(zhí)行準備操作
1.全局安裝ts-node包

npm install ts-node -g

2.在vscode商店安裝Code Runner插件
點擊右上角運行按鈕即可看到輸出控制面板運行結(jié)果

3.解決亂碼方案:
設(shè)置 > Extensions，找到 Run Code configuration，勾上 Run In Terminal選項，設(shè)置完可以支持輸入及解決輸出亂碼問題。

補充：

使用vscode編寫并運行typescript代碼

1.安裝vsCode

Visual Studio Code - Code Editing. Redefined

2.安裝nodejs

下載 | Node.js 中文網(wǎng)

3.打開vscode，在vscode里面打開終端（快捷鍵是ctrl+~)
   查看是否成功安裝node和npm：
   node -v
   npm -v
   在終端中輸入如下命令并運行：
   npm install -g typescript
   檢查是否成功安裝（typescript）的命令：tsc -v

   運行流程：

手動編譯和運行ts代碼：
    1.編譯  tsc 文件名(包含擴展名)
    2.運行  node 文件名(包含擴展名)

vscode 自動編譯和運行ts代碼：
     1.生成配置文件： tsc --init
      2.修改配置文件：tsconfig.json  ("outDir":"./js" ，“strict":false)
      3.啟動監(jiān)視任務(wù) ：terminal->run task...->show all task..->tsc:watch - tsconfig.json

運行：
快捷鍵：F5或ctrl+F5
選擇： run->star debugging

參考：
typescript從入門到熟練，使用vscode編寫

到此這篇關(guān)于如何在vscode上直接運行typescript的文章就介紹到這了,更多相關(guān)vscode運行typescript內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評論