0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

react + typescriptの環境構築からhello worldまで

Last updated at Posted at 2022-10-09

typescript + react 環境構築

実行環境

windows10 64bit
cpu Intel(R) Core(TM) i7-7700
ram 16GB

インストールするもの

  • vscode
  • nodejs

インストール

VsCode

ここからインストーラをDL。あとはインストーラを起動してメッセージ指示に従う。
特別カスタムなどはしない

NodeJS

言わずと知れたjava sriptの実行環境。
ここからDLしてインストールする。
最新版より安定している推奨版がいいだろう
インストール後にコマンドプロンプトで下記を行い、バージョン表記されたらOK

npx --version

任意でyarnとか入れておいてもいいかもしれない

hello world

任意のディレクトリで下記を実行

npx create-react-app web --template typescript

するとwebというディレクトリが作成される
webディレクトリにcdして下記を実行する

npm start

web/README.mdには、dev環境のアプリならhttp://localhost:3000にアクセスすると実行したものを見られるとのこと
アクセスすると、下記のような画面が表示される

image.png

一旦完了

0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?