Reactの開発環境構築(Windows)

Coding

参考:Qiita(WindowsでReactの環境構築をしてみる)

WindowsでReactの環境構築をしてみる - Qiita
#はじめに今回は、自分のWindowsの環境でReactの環境構築をしたときの備忘録になります。お付き合い頂ければ幸いです。#Reactの環境構築に必要なもの今回は、Facebookが開発し…

MacOSは以下

1. nodist インストール

GitHubのリポジトリからNodistSetup-vX.X.X.exeをダウンロード→実行

ウィザードはデフォルトのままNext連打

以下からPowerShellを開いて実行(別にコマンドプロンプトでもいいし、nodistのターミナルでも良い)

nodist add 12.16.1
nodist list
nodist use 12.16.1
node -v

でv12.16.1と表示されればOK(インストールするバージョンは各々で決めてください)

2. npxのインストール

以下のコマンドでインストールする

npm install npx -g

3. create-react-app


プロジェクトを作るフォルダに移動

cd /d C:¥XXX
npx create-react-app <プロジェクト名>

IDEなどでプロジェクトを開いてみる

4. IDEのターミナルでビルド


IDEのターミナルを開き

npm run build
npm start

ブラウザにリダイレクトして初期画面が表示されれば完了

この記事を書いた人

渋谷で働くよわよわエンジニア。TypeScript(Next.js/Node.js)/Golang/AWS/Flutterなど
LINE API Expert(2023/1~)

tokkuをフォローする
オススメ記事
在宅ワークが多くなって、デスクの配線周りに困っている方は、拡張デスクの導入がおすすめです。Windows/MacOS/Linuxの複数の機器をスッキリとデスク周りに収める事ができました!リモートからサーバーメンテを行うインフラエンジニアは必見です!
Coding
tokkuをフォローする
インフラエンジニアがもがくブログ

コメント

タイトルとURLをコピーしました