TypeScript環境構築 on Mac
Macを使用してTypeScriptの開発環境を構築する際の手順を紹介します。以下のステップに従って、スムーズにTypeScriptプロジェクトを開始できます。
1. Node.jsのインストール
まず最初に、Node.jsをインストールします。Homebrewを使用してインストールすることができます。
brew install node
2. npmのアップデート
Node.jsがインストールされたら、npm(Node Package Manager)を最新のバージョンにアップデートします。
npm install -g npm
3. TypeScriptのグローバルインストール
次に、TypeScriptをグローバルにインストールします。
npm install -g typescript
4. プロジェクトの初期化
TypeScriptのプロジェクトを始めるには、プロジェクトディレクトリを作成し、以下のコマンドを実行します。
mkdir my-ts-project
cd my-ts-project
npm init -y
5. TypeScriptとtsconfig.jsonの設定
TypeScriptファイル(.ts)を作成し、必要な依存関係をインストールします。また、tsconfig.jsonファイルをプロジェクトルートに作成します。
touch index.ts
npm install --save-dev @types/node typescript
touch tsconfig.json
tsconfig.jsonの例:
{
"compilerOptions": {
"target": "es5",
"module": "commonjs",
"outDir": "./dist",
"strict": true
}
}
6. スクリプトの追加
package.jsonにTypeScriptのコンパイルと実行用のスクリプトを追加します。
"scripts": {
"start": "tsc && node dist/index.js",
"test": "echo \"Error: no test specified\" && exit 1"
}
これで、TypeScriptの開発環境がMacにセットアップされました。npm start
を実行して、TypeScriptファイルがコンパイルされ、プロジェクトが正常に実行されることを確認してください。