VSCode での TypeScript 自動コンパイルの構成

関連する推奨事項: 「vscode チュートリアル 」

TypeScript コンパイラーのインストール

Visual Studio Code には TypeScript 言語サポートが含まれていますが、 TypeScript コンパイラ tsc は含まれていません。 TypeScript ソース コードを JavaScript (tsc HelloWorld.ts) に変換するには、TypeScript コンパイラをグローバルまたはワークスペースにインストールする必要があります。

TypeScript をインストールする最も簡単な方法は、Node.js パッケージ マネージャーである npm を使用することです。-g はグローバル インストールを意味します。

インストール

npm install -g typescript

バージョンの確認 - インストールが成功するとバージョン情報が出力されます

tsc --version

xm@xm-Vostro-3670:~/project$ tsc --version
Version 3.3.3333

新しいHelloWorldフォルダとhello_worldを作成します.ts ファイル

mkdir HelloWorld

const text:string = 'hello world';
console.log(text);

##新しい Tsconfig.json

{
  "compilerOptions": {
      "target": "es5",
      "module": "commonjs",
      "outDir": "out",
      "sourceMap": true
  }
}

新しいタスク

Tenimal->タスクの実行

選択

tsc:build-tsconfig.json

##設定完了

##を押してください# F5

は、ディレクトリ内に追加の out

フォルダーがあることを検出しました。構成は

"outDir": "out",DEBUG ですCONSOLE 出力 hello world。

Modifytext

Save press

F5

その他 プログラミング用関連知識については、プログラミング ビデオ

をご覧ください。 ！

以上がVSCode での TypeScript 自動コンパイルの構成の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。