Type Script初期設定

931 ワード

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