資訊專欄INFORMATION COLUMN
摘要：原文地址這兩天在看也在入門中網(wǎng)上大部分教程都是前端配置開發(fā)調(diào)試這個也有很多相當(dāng)成熟的實踐教程這篇文章主要是的配置說起來也是相當(dāng)簡單的不涉及任何的語法與概念同時也可以根據(jù)本文配置的開發(fā)環(huán)境主要是模塊部分的使用說起大家應(yīng)該都挺熟悉了是一個
原文地址 https://github.com/xiadd/blog/issues/8
這兩天在看ts,也在入門中, 網(wǎng)上大部分教程都是前端配置ts開發(fā)調(diào)試,這個也有很多相當(dāng)成熟的實踐教程, 這篇文章主要是nodejs的ts配置, 說起來也是相當(dāng)簡單的, 不涉及任何ts的語法與概念, 同時也可以根據(jù)本文配置es6的nodejs開發(fā)環(huán)境(主要是模塊部分).
ts-node的使用說起 babel-node 大家應(yīng)該都挺熟悉了, ts-node是一個類似的工具,可以在不編譯的情況的執(zhí)行ts文件,方便我們開發(fā), 當(dāng)然是node環(huán)境下的.
安裝npm i -D typescript ts-node
創(chuàng)建app.ts文件:
//app.ts console.log(1)
調(diào)用命令ts-node app.ts(全局安裝的情況下), 如果一切正常的話,我們應(yīng)該可以看到想要的輸出了.
一直到上面都是常規(guī)話題, 沒什么深入下去的意義. 下面講到ts-node的調(diào)試
調(diào)試根據(jù)nodejs官網(wǎng) 我們知道nodejs的調(diào)試方法有下面幾種:
node-inspect 一個第三方開發(fā)的調(diào)試工具, 今天我們不涉及
chrome 開發(fā)者工具, 下面會講到
vs code 今天的重點
vs
webstorm 也是相當(dāng)方便的工具
vs code的調(diào)試根據(jù)官網(wǎng)我們打開node的inspect模式(ts-node同樣可以)ts-node --inspect app.js, 應(yīng)該可以看到類似的的提示:
這樣表示已經(jīng)可以進行調(diào)試了, 但是貌似不可以進行打斷點之類的操作, 這個就要借助vscode了.
打開vscode debug面板增加調(diào)試選項, 選擇attach to progess:
然后點擊debug, 會彈出類似下面的彈窗:
注意紅框, 會有幾個node進程, 選擇帶inpect的那個進程, 如果一切進行的正常的話就可以進行調(diào)試了:
chrome 開發(fā)者工具這個更加簡單, 在任意網(wǎng)頁打開開發(fā)者工具, 我們可以看到如圖
點擊node圖標(biāo)同樣可以進行調(diào)試:
但是貌似不是很穩(wěn)定, 經(jīng)常崩潰, 而且windows上也有問題.
最后是個示例: https://github.com/xiadd/node-ts
感興趣可以star
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/88883.html
摘要：我開始重新了解一下的現(xiàn)狀，沒想到已經(jīng)完全走上正軌了，在上已經(jīng)有大量的項目選用，投入生產(chǎn)于是報著嘗試的心態(tài)，開始了遷徙。 js進化，遷徙到typescript TypeScript 歷史 TypeScript是一種由微軟開發(fā)的自由和開源的編程語言 它是JavaScript的一個超集，而且本質(zhì)上向這個語言添加了可選的靜態(tài)類型和基于類的面向?qū)ο缶幊?2012年十月份，微軟發(fā)布了首個公開版...
摘要：出于某些原因，近期開始需要在公司推廣使用寫服務(wù)端，因為之前使用開發(fā)過多個個人項目，所以知道新手開發(fā)非常容易將代碼寫的散亂并且不易后人理解。所以折中的選擇了開發(fā)，也就用起了。 出于某些原因，近期開始需要在公司推廣使用nodejs寫服務(wù)端，因為之前使用es6開發(fā)過多個個人項目，所以知道新手開發(fā)node非常容易將代碼寫的散亂并且不易后人理解。本人剛?cè)胄械臅r候做的是java，覺得強類型的語言更...
摘要：最近使用開發(fā)了一套軟件，記錄一下遇到的調(diào)試問題所需工具官網(wǎng)鏈接本次所使用的版本為本次直接使用的鏈接官網(wǎng)鏈接配置方式我們使用的項目初始配置已經(jīng)完成。建議端代碼在主進程中運行調(diào)試確定無誤后再引入渲染進程中減少調(diào)試工作難度。 最近使用electron開發(fā)了一套軟件，記錄一下遇到的調(diào)試問題 所需工具 vscode 官網(wǎng)鏈接; electron,本次所使用的版本為: Electron: 1...
摘要：推薦為什么我們選擇本文是工程師記述在前端技術(shù)選型時選用的考慮過程。能夠保證較好的類型覆蓋，但是其對于多態(tài)性的支持并不是很好，并且的社區(qū)也相對活躍。引擎就是為解決這一問題而生，在中也是采用該引擎來解析。 推薦 1. 為什么我們選擇 TypeScript https://redditblog.com/2017/0... 本文是 Reddit 工程師 Niranjan Ramadas 記述在...
閱讀 1626·2021-09-23 11:31
閱讀 932·2021-09-23 11:22
閱讀 1355·2021-09-22 15:41
閱讀 4089·2021-09-03 10:28
閱讀 2923·2019-08-30 15:55
閱讀 3551·2019-08-30 15:55
閱讀 1970·2019-08-30 15:44
閱讀 2733·2019-08-30 13:50
