9cubed
ブログ | Tailwind | Vite | Python | Node.js | Linux | PowerShell | その他 | 将棋ウォーズ | 歌の練習
< 前の記事

TypeScript - 開発環境構築 ~ Hello,World まで

次の記事 >

TypeScript - トレース

TypeScript

TypeScript - コンソールに Hello,World

公開日:2019-01-13
更新日:2019-05-14

1. 概要

Visual Studio で TypeScript の新規プロジェクトを作成して、コンソールに Hello,World と表示させます。

2. 作成

Visual Studio で新規プロジェクトを、
「空の Node.js コンソールアプリケーション」で作成します。
画像1

プロジェクトを作成すると、app.ts が開かれ、以下のように表示されます。
画像2

F5 を押しても、以下のビルドエラーが出て実行できません。
エラー	TS2584	(TS) Cannot find name 'console'. Do you need to change your target library? Try changing the `lib` compiler option to include 'dom'.

これを解決するには、プロジェクトの tsconfig.json を開き、lib に dom を追加します。
tsconfig.json
{
	"compilerOptions": {
		"module": "commonjs",
		"target": "es6",
		"lib": [ "es6", "dom"],
		"sourceMap": true
	},
	"exclude": [
		"node_modules"
	]
}
これでビルドをすると、エラーがなくなります。
F5 で実行すると、コマンドプロンプトに Hello,World と表示して、すぐに終了します。

また、上記ビルドエラーは、tsconfig.json を削除やリネームをしても解決できます。
これは、プロジェクトのプロパティの TypeScript ビルドの設定が有効になるためです。
こちらが有効になっていると、.tsファイル保存時に、.jsにコンパイルもしてくれます。
画像3

3. コマンドプロンプトで実行

コマンドプロンプトを起動して、
以下のコマンドを実行すると、Hello,World と表示されます。
node app.js

< 前の記事

TypeScript - 開発環境構築 ~ Hello,World まで

次の記事 >

TypeScript - トレース

YouTube X

新着一覧

  • SCSS のインストールVite
  • Tailwind CSS のプロジェクトの作成Tailwind
  • TypeScriptのプロジェクトの作成Vite
  • Flask のインストールと動作確認Python
  • 簡易Webサーバーの作成Python
  • pipeline で文章の生成Python
  • pipeline で文章の要約Python
  • 音声から文字起こしPython
  • Node.js のインストールNode.js
  • .ps1(PowerShellスクリプト)を実行可能にするPowerShell

アーカイブ

  • 2025/12
  • 2025/11
  • 2025/10
  • 2025/09
  • 2025/08

以前のカテゴリー一覧

  • CakePHP3
  • CentOS7
  • HTML・CSS・JavaScript
  • Haskell
  • JavaScript
  • Kotlin
  • Laravel5
  • PHP
  • Python
  • Ruby
  • RubyOnRails5
  • TypeScript
  • Vue.js
  • Webサーバ講座
  • Webプログラミング講座
  • jQuery
  • linux
  • パソコン講座
  • ブログ
  • プログラミング講座
  • メモ帳作成講座
  • 数学

Copyright © 9cubed. All Rights Reserved.

プライバシーポリシー 利用規約
▲