博客地址 :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
,它是 NodeJS 約定的用來存放項目的信息和配置等信息的文件。
npm install --save react react-dom ( 在該目錄下導入react和react-dom)
npm install --save react-router-dom (react路由,以后會用到)
打開 npm start 成功√
CSS in js 可以將css寫在js中react安裝styled-copmonents 工具包,對js中css代碼進行解析,轉碼生效(組件化樣式)
npm i styled-components --save
安裝react 數據監測組件
npm i prop-types --save