プロジェクトの初期化
プロジェクト用のフォルダを作成します。
ターミナルを開き、作成したフォルダへ移動します。
以下のコマンドを実行して、プロジェクトを初期化します。
$npm init -y
Typescriptのインストール
このプロジェクト専用にTypescriptをインストールします。
$npm install -D typescript
Typescriptの初期化
tsconfig.jsonを作成します。
$ npx tsc --init
tsconfig.jsonを編集
ソースファイルを保存する場所とコンパイル後のjsファイルの出力先を設定します。
編集箇所
- rootDir
- outDir
- “include”: [“src”]
必要なフォルダを作成
mkdir src dist
これで、基本的な準備ができたので、あとは、srcディレクトリの中にtsファイルを作成して
開発を進めることができるはず。
適当なtsファイルを作成して、以下のコマンドでコンパイルして、distディレクトリの中に
jsファイルが作成されていればOK。
$npx tsc
コメント