Type Script初期設定

1)タイプスクリプトプロジェクトディレクトリの作成->移動
2) git init
3)npx create-act-app[必要なフォルダ名]
npx create-react-app//ご希望のフォルダにインストールする場合

4）不要なファイルの削除

setupTests.ts

logo.svg

serviceWorker.ts

App.test.tsx

4)tsc-init(tsconfig.jsonファイルの作成)
5)設定
target:コンパイルされたコードがどの環境で実行されるかを定義します.
module:コンパイルコードを使用するかどうかを定義するモジュールシステム

outDir:コンパイルファイルを保存するパスを指定します

strict:すべてのタイプのロックオプションを有効にする

app.tsファイルを作成し、tscを入力します.

dist/app.jsの作成

Styled-コンポーネントのインストール

yarn add @types/styled-components