Typescript優先パラメータ

ターゲット!

タイプのスクリプトを使用するプリファレンスパラメータ

単独のフォルダにtsファイルをjsファイルに変換する成果物

を作成する.
1.プロジェクトを作成し、vscodeの新しいウィンドウで開く

cd C:/workspace
mkdir typescript-setting
code -n ./typescript-setting

2.初期化項目

npm init

3.typescriptのインストール
方法は2種類あります.

グローバルインストール

ローカルインストール

通常、グローバルインストールの例はたくさんありますが、localインストールを使用してみます.
(理由:世界中でインストールされている情報が多い...)

npm i -D typescript

4. tsconfig.jsonの生成
ローカルインストールが行われているため、tscコマンドは使用できません.
npxを利用する.

npx tsc --init

5.コード作成

srcフォルダ

を作成

src/index.ts

の作成

import lib from './lib'

const result = lib.sum(3, 5);
console.log(result);

src/lib.ts

の作成

export default {
  sum(a: number, b: number): number {
    return a + b;
  }
}

6.ダンプ
コンパイルは、通常、ソースコードをバイトコードに変換することを意味します.TypeScriptコンパイラがTypeScriptファイルをJavaScriptファイルに変換するので、Transputingはコンパイルよりも適切な表現です.
(出典:https://poiemaweb.com/typescript-introduction)

npx

を使用
tsconfig.jsonを生成するようにnpxを使用します.

npx tsc

ローカルtsc

プロジェクトのnode modules/.bin/tscも使用できます.

./node_modules/.bin/tsc

しかしWindowsでは.何のツールもないとshを実行できません!
だからtsccmdを使うべきです.

./node_modules/.bin/tsc.cmd

localtscを使用する場合は、毎回そこの内容を入力するのが難しいのでpackageです.jsonでコマンドaliasを作成することが望ましい.でもそんなにnpxtscをそのまま使う必要はありません
7.distフォルダ作成
現在の状態では、変換生成の結果です.tsファイルと同じ場所で生成されます.
tsconfigを使用して、distフォルダに作成します.jsonファイルを設定します.

{
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "outDir": "./dist",   // 추가
    "esModuleInterop": true,
    "forceConsistentCasingInFileNames": true,
    "strict": true,
    "skipLibCheck": true
  }
}

8.ファイルの実行

node ./dist/index.js

终わり!!^.^