VSCDE自動コンパイルType Scriptの方式

1、まずnodejsに入るとtypescriptをインストールします.

npm install -g typescript

2、該当項目リストを作成し、nodejsを開いて現在のプロジェクトディレクトリに入る
例:私のプロジェクトの住所E:\example\ts、nodejsの中e:回車、住所をコピーします.
3、tsconfig.jsonファイルを作成する

    tsc --init

4、tsconfig.jsonファイルを開いて、対応する配置を修正して削除します.(構成を早く修正したいなら、下記の構成をコピーしてください.)

{
  "compilerOptions": {
   "target": "es5",
   "noImplicitAny": false,
   "module": "amd",
   "removeComments": false,
   "sourceMap": false,
   "outDir": "src/js"//    js   
  }
}

5、srcディレクトリを作成して、vscodeの新規作成ファイルを開けて、srcの下の拡張子という名前のファイルに保存して、エディタの中でコードエリアにこのショートカット方法を入力して、急速にhtmlレイアウトコードを作成します.
!＋tabは自分でjsを追加してコードを導入する.

6、E:\example\tsディレクトリに り、tsフォルダを し、tsを とするtsファイル(test.ts)を し、テストコードは の りです.

class Student {
    firstName : string;
    lastName : string;
 
    constructor(fiestName : string,  lastName : string) {
        this.firstName = fiestName;
        this.lastName = lastName;
    }
    greeter() {
        return `Hello,  ${this.firstName}${this.lastName}`;
    }
}
var user = new Student(" ","  ");
var ele = document.body || document.documentElement;
ele.innerHTML = user.greeter();
　　

7、メニュータスクをクリックして、 タスクをクリックして、tsc: -tsconfig.jsonをクリックします.
8、この srcディレクトリの で にjs/test.jsファイルが されます.test.jsファイルを けて、エディタの エディタメニューをクリックして、jsとtsファイルを して、 でtsファイルを する 、 は にjsコードを します.
(この にjsコードが されない は、メニュータスク- タスククリックtsc: -tsconfig.jsonをクリックして します.)