1. 程式人生 > 實用技巧 >[轉] react專案安裝及執行

[轉] react專案安裝及執行

部落格地址 :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 成功√

CSSinjs可以將css寫在js中react安裝styled-copmonents工具包,對js中css程式碼進行解析,轉碼生效(元件化樣式)

npm istyled-components--save

安裝react 資料監測元件

npm i prop-types --save