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ファイルを実行できます.
インストール
npm i -D typescript ts-node
app.tsファイルを作成:
//app.ts
console.log(1)
コマンドts-node app.tsを呼び出し(グローバルインストールの場合)、正常であれば、私達は所望の出力を見ることができるはずです.
上まではいつもの話題です.深い意味はありません.ts-nodeのデバッグについて説明します.
デバッグ
nodejs公式サイトによると、nodejsのデバッグ方法は以下の通りであることが分かります.
  • node-innspectの第三者が開発したデバッグツールは、今日は
  • に触れません.
  • chrome開発者ツールは、以下に
  • を述べます.
  • vs code今日の重点
  • vs
  • webstormも便利なツールです.
    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
    興味があったらスターになってもいいです