[轉] react專案安裝及執行
阿新 • • 發佈:2020-09-07
部落格地址 :https://www.cnblogs.com/sandraryan/
安裝node,有就跳過。
node.js官網:https://nodejs.org/en/
終端用node -v 和 npm -v 來檢視版本號。
用npm 安裝 create-react-app工具,自動地在本地目錄中建立react專案。
npm install -g create-react-app
全域性安裝create-react-app腳手架工具,使用命令建立新的react專案。
create-react-app資料夾名
在資料夾中部署npm,匯入react-dom依賴包.
cd 資料夾:
npm init (然後一路回車)初始化package.json
npm install --save react react-dom ( 在該目錄下匯入react和react-dom)
npm install --save react-router-dom (react路由,以後會用到)
開啟npm start 成功√
CSSinjs可以將css寫在js中react安裝styled-copmonents工具包,對js中css程式碼進行解析,轉碼生效(元件化樣式)
npm istyled-components--save
安裝react 資料監測元件
npm i prop-types --save