react(一)基礎環境搭建

如下安裝都須要先搭建nodejs、Npm包管理工具,官網能夠下載。node

首先用npm 安裝 create-react-app工具,其能夠自動地在本地目錄中建立react項目。react

        在cmd命令行中輸入:npm

                    npm install -g create-react-appreact-router

        等待其安裝,意思是全局安裝create-react-app腳手架工具,而後就能夠使用命令建立新的react項目。app

        在cmd中輸入:dom

                    create-react-app my-new-app     工具

                    (默認安裝在用戶目錄下,想更換目錄能夠參照以下命令)命令行

                    d:     (選擇D盤)router

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

相關文章
相關標籤/搜索