1. 程式人生 > >react(一)基礎環境搭建

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的網頁視窗。