react(一)基礎環境搭建
以下安裝都需要先搭建nodejs、Npm包管理工具,官網可以下載。
首先用npm 安裝 create-react-app工具,其可以自動地在本地目錄中建立react專案。
在cmd命令列中輸入:
npm install -g create-react-app
等待其安裝,意思是全域性安裝create-react-app腳手架工具,然後就可以使用命令建立新的react專案。
在cmd中輸入:
create-react-app my-new-app
(預設安裝在使用者目錄下,想更換目錄可以參照如下命令)
d: (選擇D盤)
cd '資料夾路徑' (進入D盤中的指定資料夾)
然後再輸入 create-react-app my-new-app 則可安裝在特定目錄下
然後,在命令列中“ cd ”該目錄,輸入如下命令,部署npm,以及匯入react-dom依賴包.
cmd中輸入:
npm init (然後一路回車)
npm install --save react react-dom ( 在該目錄下匯入react和react-dom)
npm install --save react-router-dom (react路由,以後會用到)
然後就可以通過 npm start 來啟動專案,自動彈出localhost:3000的網頁視窗。