TypeScriptのインストール

この記事では、TypeScript環境のインストールについて説明します。

npmツールを使用してインストールする必要があります。

NPMでTypeScriptをインストールします

ローカル環境ですでにnpmツールがインストールされている場合は、以下のコマンドを使用してインストールできます。

npm config set registry https:/ / registry.npmjs.org/

typescriptをインストールします。

npm install -g typescript

インストールが完了したら、tscコマンドを使用してTypeScript関連のコードを実行できます。以下のコマンドを実行して、バージョン番号を表示します。

$ tsc -v
Version 3.2.2

次に、新しいapp.tsファイルを作成します。コードは次のとおりです。

var message:string = "Hello World" 
console.log(message)

通常、.tsをTypeScriptコードファイルの拡張子として使用します。

次に、次のコマンドを実行して、TypeScriptをJavaScriptコードに変換します。

tsc app.ts

この時、app.jsファイルは現在のディレクトリ（app.tsと同じディレクトリ）に生成されます。コードは次のとおりです。

var message = "Hello World"; 
console.log(message);

nodeコマンドを使用して、app.jsファイルを実行します。

$ node app.js 
Hello World

TypeScriptをJavaScriptに変換するプロセスは次の注釈図のとおりです。

Visual Studio Codeについて

多くのIDEは、Visual Studio、Sublime Text 2、WebStorm / PHPStorm、EclipseなどのTypeScriptプラグインをサポートしています。

この章では、主にVisual Studio Codeを説明します。Visual Studio CodeはMicrosoftによって開発され、Mac OS X、Windows、およびLinuxで実行できます。最新のWebおよびクラウドアプリケーションの作成のためのクロスプラットフォームのソースコードエディターです。

ダウンロードURL：https://code.visualstudio.com/。

WindowsにVisualStudioCodeをインストールします

1、Visual Studio Codeをダウンロードします。

2、VSCodeSetup.exeアイコン をダブルクリックして、インストールします。

3、インストールが完了したら、Visual Studio Codeインターフェイスを開きます。

4、左側のウィンドウで現在編集中のコードファイルをクリックし、open in command prompt（ターミナルで開く）を選択し、画面の右下にあるtscコマンドを使用してTypeScriptファイルコードを実行できます。

Mac OS XにVisual Studio Codeをインストールします

Mac OS XにVisual Studio Codeをインストールするには、以下のWEBサイトを参照してください。

https://code.visualstudio.com/Docs/editor/setup

LinuxにVisual Studio Codeをインストールします

LinuxにVisual Studio Codeをインストールするには、以下のサイトを参照してください。

https://code.visualstudio.com/Docs/editor/setup