yarnのインストールがまだの方はインストールしておきます。
$ npm install -g yarn
(インストールしたらexec $SHELL -l
が必要です。)
Node.jsはこちらの記事を参考にインストールしてください
Node.jsのインストール〜①anyenv編〜
Node.jsのインストール〜②nodenv編〜
TypeScript の実行環境をグローバルインストール
$ yarn global add typescript
$ yarn global add ts-node
任意の場所にmy-app
というディレクトリを作成します。
参考:https://github.com/wmonk/create-react-app-typescript
$ npx create-react-app my-app --scripts-version=react-scripts-ts
my-app は任意のプロジェクト名に変えてください。
次に、$ cd my-app
をして下記を実行。
$ yarn start
これで自動的に localhost:3000が開きます。
コンパイル設定を変更する
baseUrl(src)からの絶対パスの指定が可能&ECMAScript6から最新のES2018へ変更。
tsconfig.json
- "baseUrl": ".",
+ "baseUrl": "src",
- "lib": ["es6", "dom"],
+ "lib": ["es2018", "dom"],
これでOK