https://quietbo.com/tags/react/Recent content in React on QuietboHugo -- gohugo.iozh-twSun, 24 Apr 2022 14:21:02 +0000https://quietbo.com/2022/04/24/reactm1-%E5%89%B5%E5%BB%BA%E4%B8%80%E5%80%8Breact/Sun, 24 Apr 2022 14:21:02 +0000https://quietbo.com/2022/04/24/reactm1-%E5%89%B5%E5%BB%BA%E4%B8%80%E5%80%8Breact/<p>Mac M1</p> <p>參考<a class="link" href="https://github.com/facebook/create-react-app" target="_blank" rel="noopener" >github:create-react-app</a></p> <p>點擊網站來安裝<a class="link" href="https://nodejs.org/en/" target="_blank" rel="noopener" >Node.js</a><br> <img decoding="async" src="https://i.imgur.com/5YcVEgv.png" alt="" /></p> <p>查看是否安裝成功</p> <pre class="wp-block-code"><code class="">node -v npm -v</code></pre> <p>創建一個react</p> <pre class="wp-block-code"><code class="">npx create-react-app react-store</code></pre> <p>打開剛才創建的react</p> <pre class="wp-block-code"><code class="">cd react-store npm start</code></pre> <p>成功如下:</p> <pre class="wp-block-code"><code class=""> Local: http://localhost:3000 On Your Network: http://192.168.100.4:3000 Note that the development build is not optimized. To create a production build, use npm run build. webpack compiled successfully</code></pre> <p>打開瀏覽器填入http://localhost:3000/<br> <img decoding="async" src="https://i.imgur.com/gIAkRbN.png" alt="" /></p>