<p>久しぶりにReactを触るのでまずは環境構築！<br>
と思った矢先に完全に忘れてしまっていたので備忘録兼ねて本日は<br>
Reactの環境構築手順を説明いたします！</p>
<h1 id="node.js%E3%82%92%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E3%81%99%E3%82%8B">
<a class="header-anchor-link" href="#node.js%E3%82%92%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E3%81%99%E3%82%8B" aria-hidden="true"></a> Node.jsをインストールする</h1>
<p>やり方はコマンドからと公式からインストールする方法があります！<br>
私は今回公式サイトからインストールしました！</p>
<p><img src="https://storage.googleapis.com/zenn-user-upload/bc59feed64c9-20220717.png" alt="Node.jsをインストール" loading="lazy" class="md-img"></p>
<p>インストールされたか確認します。</p>
<div class="code-block-container"><pre><code>node -v
</code></pre></div><h1 id="%E5%BE%8C%E3%81%AF%E9%AD%94%E6%B3%95%E3%82%B3%E3%83%9E%E3%83%B3%E3%83%89%E3%82%92%E6%89%93%E3%81%A4%E3%81%A0%E3%81%91%EF%BC%81%E3%80%8Ccreate-app-%E3%80%8D">
<a class="header-anchor-link" href="#%E5%BE%8C%E3%81%AF%E9%AD%94%E6%B3%95%E3%82%B3%E3%83%9E%E3%83%B3%E3%83%89%E3%82%92%E6%89%93%E3%81%A4%E3%81%A0%E3%81%91%EF%BC%81%E3%80%8Ccreate-app-%E3%80%8D" aria-hidden="true"></a> 後は魔法コマンドを打つだけ！「create-app 」</h1>
<div class="code-block-container"><pre><code>   npx create-react-app [プロジェクト名]
</code></pre></div><p>インストールされたら、該当のプロジェクトに移動しコマンドを打ちます。</p>
<div class="code-block-container"><pre><code>cd [プロジェクト名]

npm start
</code></pre></div><p>こちらでReactのブラウザが起動すればOK!</p>
<p><img src="https://storage.googleapis.com/zenn-user-upload/3283e16c47ce-20220717.png" alt loading="lazy" class="md-img"></p>
<p>環境構築は以上になります！</p>
<p>お疲れ様でした！！</p>


【React】簡単！Reactの環境構築(Mac)

後は魔法コマンドを打つだけ！「create-app 」

Discussion