首先看官網(wǎng)的介紹:
Create React App
Create React App 是一個用于學習 React 的舒適環(huán)境摔桦,也是用 React 創(chuàng)建新的單頁應用的最佳方式房交。
它會配置你的開發(fā)環(huán)境荒适,以便使你能夠使用最新的 JavaScript 特性,提供良好的開發(fā)體驗逻悠,并為生產(chǎn)環(huán)境優(yōu)化你的應用程序窟扑。你需要在你的機器上安裝 Node >= 8.10 和 npm >= 5.6。要創(chuàng)建項目损敷,請執(zhí)行:
npx create-react-app my-app
cd my-app
npm start
注意
第一行的
npx
不是拼寫錯誤 —— 它是 npm 5.2+ 附帶的 package 運行工具烂斋。
使用create-react-app--> 依賴npm --> 依賴Node.js
node.js內(nèi)置了npm(這也導致要下載npm的話屹逛,必須得下載node.js础废,其包含了npm)
安裝node.js
方法1
brew install node
方法2
在官方下載網(wǎng)站下載 pkg 安裝包汛骂,直接點擊安裝即可。
安裝create react app
npm i -g create-react-app
創(chuàng)建react項目:
create-react-app hello-react
失敗了:
更換npm源為國內(nèi)
npm config set registry http://registry.npm.taobao.org/
速度變快了评腺,socket error沒了帘瞭,但是還是報錯
google了下 stackoverflow上有人給了答案:
https://stackoverflow.com/questions/49348482/npm-install-with-error-gyp-failed-with-exit-code-1
If this is a mac machine (OSX) here is what you can do
use terminal
xcode-select --print-path
then remove installed version
sudo rm -r -f /Library/Developer/CommandLineTools
and reinstall
xcode-select --install
that should fix the problem
Ref: gyp: No Xcode or CLT version detected macOS Catalina
后續(xù)還是有報錯:
一番谷歌應該是缺少包:
brew install giflib cairo libjpeg giflib pixman pkg-config cairo pango libpng jpeg
終于完成