0
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

Windows + VSCode + TypeScriptでHello World

Last updated at Posted at 2020-05-03

目的

TypeScriptでHello World作って実行したい
エディタはVSCodeを使いたい

まとめ

typescriptインストールの為にnpmが必要
npm利用及びトランスパイル後のJavaScript実行の為にnode.jsが必要
node.jsのバージョン管理にnvmが必要

環境

Windows10 Home
node.js 14.1.0
VSCode 1.44.2

VSCodeをインストール

nvm-windowsとnode.jsをインストール

node.jsをインストール(バージョン管理)するためにnvm-windowsを利用する
https://docs.microsoft.com/ja-jp/windows/nodejs/setup-on-windows

TypeScriptインストール

npmでインストールする

グローバル(PC全体)にインストールする場合

npm install -g typescript

インストール場所の確認

npm root -g

プロジェクト(カレントフォルダ)にインストールする場合

npm init
npm install typescript

実装してトランスパイル

トランスパイル後、Hello.tsと同じフォルダにHello.jsが作成される事を確認

実装

Hello.ts
let message: string = 'Hello World!';
console.log(message);

トランスパイル

.\node_modules\.bin\tsc Hello.ts

実行

nodeコマンドでJavaScript実行

node Hello.js
0
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?