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