Reactの開発環境構築(Windows)

Coding

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

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

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

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

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

コメント

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