vscode構成Typeスクリプト自動コンパイル環境

vscodeでのTypeスクリプトコンパイル環境の構成

文書ディレクトリ

vscodeでTypescriptコンパイル環境を構成する

ステップ

tsconfig.json構成

vscode自動コンパイルTypescript

テスト

ステップ

まずNodejs node -v

を取り付ける必要がある.

typescriptモジュールnpm install -g typescript

をインストールする

typescriptモジュールバージョン番号tsc -v

を表示

window + r-> cmdでこのプロジェクトディレクトリに入るか、またはプロジェクト中のCtrl + ~でtsconfigを作成する.json tsc --init

プロジェクトディレクトリの下にtsconfigが生成する.jsonファイル

デフォルト:ほとんどはコメントで、それぞれのニーズに合わせてカスタマイズできます.tsconfig.json詳細

tsconfig.json構成

"compilerOptions": {
    "module": "commonjs",
    "target": "es6",
    "allowJs": true
    "sourceMap": true,
    "outDir": "./js/",   /* Redirect output structure to the directory. */
    "rootDir": "./tscript/", 
    "removeComments": false,  //    
    "noImplicitAny": false,
    ...     
  },
      
  //     target es6 
  //      sourceMap  true
  //   allowjs true,   ts js    

vscode自動コンパイルTypescript

クイックオープン端末Ctrl + ~

入力:cmd.

tsc -w

テスト

例:typescriptファイル**【tsconfig.jsonで出力フォルダを構成】**を格納するためにtscriptを新規作成した.

tscript—>建.ts接尾辞試験ファイルvar test:number = 4;

Ctrl+s保存、自動コンパイルTypescriptファイル

分割エディタをクリックすると、右側にコンパイル後の**が時々プレビューされます.jsファイル**