typescriptを使って開発デバッグnodejsを開発します.
1317 ワード
原文の住所https://github.com/xiadd/blog/issues/8
この二日間はtsを見て、入門の中で、ネット上の大部分の教程は先端配置tsの開発とデバッグです.これもかなり成熟した実践教程があります.この文章は主にnodejsのts配置です.言っても簡単です.どんなtsの文法と概念にも関わらず、本文によってST 6のnodejs開発環境(主にモジュール部分です.)を配置することができます.
ts-nodeの使用
babel-nodeといえば、みんなはよく知っているはずです.ts-nodeは似たようなツールです.コンパイルしないで、tsファイルを実行できます.
インストール
上まではいつもの話題です.深い意味はありません.ts-nodeのデバッグについて説明します.
デバッグ
nodejs公式サイトによると、nodejsのデバッグ方法は以下の通りであることが分かります. node-innspectの第三者が開発したデバッグツールは、今日は に触れません. chrome開発者ツールは、以下に を述べます. vs code今日の重点 vs webstormも便利なツールです.
vsコードのデバッグ
公式サイトによると、nodeのinspectモード(ts-nodeも同じです)
これはデバッグできますが、ブレークポイントなどの操作はできないようです.
vscode debugパネルを開けてデバッグオプションを追加して、atch to progessを選択します.
debugをクリックして、下のような弾戸を弾きます.
赤い枠に注意してください.いくつかのnodeプロセスがあります.inpectを持つプロセスを選択してください.もしすべての進行が正常であれば、デバッグができます.
chrome開発ツール
これはもっと簡単です.任意のページで開発者ツールを開くと、図のように見えます.
nodeアイコンをクリックしてもデバッグができます.
しかし、安定していないようです.よく崩れます.そして、windowsにも問題があります.
最後に例を示しますhttps://github.com/xiadd/node-ts
興味があったらスターになってもいいです
この二日間はtsを見て、入門の中で、ネット上の大部分の教程は先端配置tsの開発とデバッグです.これもかなり成熟した実践教程があります.この文章は主にnodejsのts配置です.言っても簡単です.どんなtsの文法と概念にも関わらず、本文によってST 6のnodejs開発環境(主にモジュール部分です.)を配置することができます.
ts-nodeの使用
babel-nodeといえば、みんなはよく知っているはずです.ts-nodeは似たようなツールです.コンパイルしないで、tsファイルを実行できます.
インストール
npm i -D typescript ts-node
app.tsファイルを作成://app.ts
console.log(1)
コマンドts-node app.ts
を呼び出し(グローバルインストールの場合)、正常であれば、私達は所望の出力を見ることができるはずです.上まではいつもの話題です.深い意味はありません.ts-nodeのデバッグについて説明します.
デバッグ
nodejs公式サイトによると、nodejsのデバッグ方法は以下の通りであることが分かります.
vsコードのデバッグ
公式サイトによると、nodeのinspectモード(ts-nodeも同じです)
ts-node --inspect app.js
を開きます.似たようなヒントが見られます.これはデバッグできますが、ブレークポイントなどの操作はできないようです.
vscode debugパネルを開けてデバッグオプションを追加して、atch to progessを選択します.
debugをクリックして、下のような弾戸を弾きます.
赤い枠に注意してください.いくつかのnodeプロセスがあります.inpectを持つプロセスを選択してください.もしすべての進行が正常であれば、デバッグができます.
chrome開発ツール
これはもっと簡単です.任意のページで開発者ツールを開くと、図のように見えます.
nodeアイコンをクリックしてもデバッグができます.
しかし、安定していないようです.よく崩れます.そして、windowsにも問題があります.
最後に例を示しますhttps://github.com/xiadd/node-ts
興味があったらスターになってもいいです