エンジニアのブログ

最近クラウドを触りはじめたエンジニアのブログ

TypeScriptプロジェクトの作成

package.json生成

$ yarn init

package.jsonのdevDependenciesにtypescript追加

$ yarn add -D typescript

tsconfig.json生成

$ yarn tsc --init

ファイル生成

$ mkdir src
$ cd src
$ touch index.ts
$ echo 'console.log("Hello TypeScript");' > index.ts

コンパイル実行

$ yarn tsc
> index.jsが生成

ファイル実行

$ node index.js
> Hello TypeScript

// 下記も実行できるが、TypeScript構文がある場合はエラーになる
$ node index.ts
> Hello TypeScript

ディレクトリの中身の表示

$ brew install tree
$ tree
.
├── node_modules
│   └── typescript
│       ├── AUTHORS.md
│       ├── CODE_OF_CONDUCT.md
│       ├── CopyrightNotice.txt
│       ├── LICENSE.txt
│       ├── README.md
│       ├── ThirdPartyNoticeText.txt
│       ├── bin
│       │   ├── tsc
│       │   └── tsserver
│       ├── lib(省略)
│       └── package.json
├── package.json
├── src
│   └── index.ts
├── tsconfig.json
└── yarn.lock

コンパイル実行&ファイル実行は、下記のコマンドでも可能(コンパイル後のファイルは生成されない)

yarn add -D ts-node
yarn ts-node ./src/index.ts 

参考:2章 - TypeScript:全体像

プログラミングTypeScript ―スケールするJavaScriptアプリケーション開発

プログラミングTypeScript ―スケールするJavaScriptアプリケーション開発

  • 作者:Boris Cherny
  • 発売日: 2020/03/16
  • メディア: 単行本(ソフトカバー)