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アプリケーション開発
- 作者:Boris Cherny
- 発売日: 2020/03/16
- メディア: 単行本(ソフトカバー)