使用typescript開發調試nodejs

張春雷發布于2019-08-21 16:54 / 2252人閱讀

摘要：原文地址這兩天在看也在入門中網上大部分教程都是前端配置開發調試這個也有很多相當成熟的實踐教程這篇文章主要是的配置說起來也是相當簡單的不涉及任何的語法與概念同時也可以根據本文配置的開發環境主要是模塊部分的使用說起大家應該都挺熟悉了是一個

原文地址 https://github.com/xiadd/blog/issues/8

這兩天在看ts,也在入門中, 網上大部分教程都是前端配置ts開發調試,這個也有很多相當成熟的實踐教程, 這篇文章主要是nodejs的ts配置, 說起來也是相當簡單的, 不涉及任何ts的語法與概念, 同時也可以根據本文配置es6的nodejs開發環境(主要是模塊部分).

ts-node的使用

說起 babel-node 大家應該都挺熟悉了, ts-node是一個類似的工具,可以在不編譯的情況的執行ts文件,方便我們開發, 當然是node環境下的.

安裝

npm i -D typescript ts-node

創建app.ts文件:

//app.ts
console.log(1)

調用命令ts-node app.ts(全局安裝的情況下), 如果一切正常的話,我們應該可以看到想要的輸出了.

一直到上面都是常規話題, 沒什么深入下去的意義. 下面講到ts-node的調試

調試

根據nodejs官網我們知道nodejs的調試方法有下面幾種:

node-inspect 一個第三方開發的調試工具, 今天我們不涉及

chrome 開發者工具, 下面會講到

vs code 今天的重點

webstorm 也是相當方便的工具

vs code的調試

根據官網我們打開node的inspect模式(ts-node同樣可以)ts-node --inspect app.js, 應該可以看到類似的的提示:

這樣表示已經可以進行調試了, 但是貌似不可以進行打斷點之類的操作, 這個就要借助vscode了.

打開vscode debug面板增加調試選項, 選擇attach to progess:

然后點擊debug, 會彈出類似下面的彈窗:

注意紅框, 會有幾個node進程, 選擇帶inpect的那個進程, 如果一切進行的正常的話就可以進行調試了:

chrome 開發者工具

這個更加簡單, 在任意網頁打開開發者工具, 我們可以看到如圖

點擊node圖標同樣可以進行調試:

但是貌似不是很穩定, 經常崩潰, 而且windows上也有問題.

最后是個示例: https://github.com/xiadd/node-ts

感興趣可以star

云服務器 GPU云服務器 nodejs模塊調試使用xdebug調試php 使用需要nodejs php 開發調試

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/88883.html

js進化，遷徙到typescript

摘要：我開始重新了解一下的現狀，沒想到已經完全走上正軌了，在上已經有大量的項目選用，投入生產于是報著嘗試的心態，開始了遷徙。 js進化，遷徙到typescript TypeScript 歷史 TypeScript是一種由微軟開發的自由和開源的編程語言它是JavaScript的一個超集，而且本質上向這個語言添加了可選的靜態類型和基于類的面向對象編程 2012年十月份，微軟發布了首個公開版...

Alan 2019-08-21 15:51 評論0 收藏0
使用gulp和vsc構建高效的typescript開發環境

摘要：出于某些原因，近期開始需要在公司推廣使用寫服務端，因為之前使用開發過多個個人項目，所以知道新手開發非常容易將代碼寫的散亂并且不易后人理解。所以折中的選擇了開發，也就用起了。出于某些原因，近期開始需要在公司推廣使用nodejs寫服務端，因為之前使用es6開發過多個個人項目，所以知道新手開發node非常容易將代碼寫的散亂并且不易后人理解。本人剛入行的時候做的是java，覺得強類型的語言更...

JerryZou 2019-08-22 10:42 評論0 收藏0
VSCODE下調試 Electron 項目

摘要：最近使用開發了一套軟件，記錄一下遇到的調試問題所需工具官網鏈接本次所使用的版本為本次直接使用的鏈接官網鏈接配置方式我們使用的項目初始配置已經完成。建議端代碼在主進程中運行調試確定無誤后再引入渲染進程中減少調試工作難度。最近使用electron開發了一套軟件，記錄一下遇到的調試問題所需工具 vscode 官網鏈接; electron,本次所使用的版本為: Electron: 1...

LittleLiByte 2019-08-21 17:39 評論0 收藏0
阿里云前端周刊 - 第 15 期

摘要：推薦為什么我們選擇本文是工程師記述在前端技術選型時選用的考慮過程。能夠保證較好的類型覆蓋，但是其對于多態性的支持并不是很好，并且的社區也相對活躍。引擎就是為解決這一問題而生，在中也是采用該引擎來解析。推薦 1. 為什么我們選擇 TypeScript https://redditblog.com/2017/0... 本文是 Reddit 工程師 Niranjan Ramadas 記述在...

stefanieliang 2019-08-20 17:52 評論0 收藏0