挑战 React 第三篇

上一篇讲完透过CDN连结的方式载入React的函式库，此篇会写第二点 Create React App。

安装方式

CDN 连结 (Finished)新手快速入门 Create React App经验丰富高手 更灵活的 Toolchain使用 Node.js 的 server-rendered 网页 用 Next.js (不在这次挑战内)建立静态网页的最佳方法 Gatsby (不在这次挑战内)

Create React App

官网对这个语法的解释：
Create React App 是一个适合学习 React 的环境，而且也是使用 React 建立一个全新的 single-page 应用程式(SPA)的最佳方法。

安装流程

第一步：npx create-react-app [专案名称]

npx是一个npm软件包运行器（x可能代表eXecute）。典型的用途是临时下载或运行程序包或进行试用。
create-react-app是一个npm软件包，预期在项目的生命週期中只能行一次。因此，最好使用npx一步安装和运行它。

可以看到以下安装失败截图，原因在于需要安装符合这个语法的npm与node.js版本

下载 node.js 连结检查npm版本语法 npm --version检查node.js版本语法 node --version

确认版本符合，再下一次指令npx create-react-app [专案名称]
以下为安装成功画面：

建完可以看到底下有 my-app资料夹

第二步：到刚刚建立好的资料夹 cd my-app并执行语法yarn start

yarn start 完后回直接跳出这个画面

若成功会看到着个令人愉悦的画面：