使用 create-react-app 建立 React 專案 | 點燈坊

create-react-app 為 Facebook 所開發的 React CLI，專門用來建立 React 專案。

Version

macOS Mojave 10.14.6
Node 12.11.0
Yarn 1.19.0
create-react-app 3.1.2
React 16.10.1

Prerequisite

• NVM
• Node
• Yarn

Installation

$ yarn global add create-react-app

使用 yarn 在 global 安裝 create-react-app。

Create React Project

$ yarn create react-app react-hello

使用 yarn create react-app 建立 react-hello 專案。

Run React

$ yarn start

啟動 Webpack 內建的 Dev Server 執行 React。

Upgrade create-react-app

$ yarn global upgrade create-react-app

將來可使用 yarn global upgrade 更新 create-react-app。

Conclusion

• 透過 create-react-app 可快速建立 React 專案，不必再使用 Webpack

Reference

Reed Barger, Install React 16.7 to Use React Hooks
React, Create React App