大家好，我是凱文，本篇文章將介紹React前端框架的環境配置以及專案搭建方法，其中涉及到了node.js（js執行平臺）、npm（依賴包管理工具）等內容。網上已經有許多類似的教程，這篇文章可以給各位做個參考，同時給我自己當做一個筆記。

    React作為時下較為熱門的前端框架，由facebook公司開創，用於搭建響應式的前端頁面，這裡不作太多介紹。下面我們直接開始搭建React框架執行環境：

    首先，我們需要安裝node.js，直接搜尋並在官網下載安裝包。

    選擇適合的版本後下載下來，並開啟安裝程式，如下圖所示

    然後，根據安裝提示安裝node.js，npm包管理工具也會一同安裝。

    安裝完成後，開啟cmd命令列,輸入 node -v 和 npm -v 來檢視版本號，如果顯示則安裝完成。

    現在我們成功安裝了node和npm，然後我們來用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    則可安裝在特定目錄下

        接下來需要等待較長時間，然後我們就可以在安裝路徑中看到建立完的資料夾，開啟後，內部如下所示：

        其中，node_modules用於存放專案的依賴包，也就是構建這個React專案可能會用到的工具，

              --public資料夾中是 index.html存放目錄，也就是React根頁面的所在地

              --src中用於存放js檔案，也就是專案開發中的主要區域

              --package.json用於記錄專案資訊，以及外部依賴包的匯入資訊等

              --json檔案不能直接開啟，需要用到文字編輯器，本人用的是VScode

        然後，在命令列中“ cd ”該目錄,輸入如下命令,部署npm，以及匯入react-dom依賴包.

            cmd中輸入：

                npm init   （然後一路回車）

                npm install --save react react-dom  ( 在該目錄下匯入react和react-dom）

                npm install --save  react-router-dom   （react路由，以後會用到）

        npm獲取有些耗時間，這裡建議大家使用淘寶團隊的cnpm，安裝方法請另行搜尋。以後會用cnpm代替npm，效果一樣。

        然後就可以通過 npm start 來啟動專案，自動彈出localhost:3000的網頁視窗，內容如下:

      想關閉專案的話，直接關閉CMD視窗就可以，或者使用 Ctrl+C ，輸入Y後退出

      現在，我們已經完成了基本的React專案搭建，可以開始React專案開發之路啦，之後會陸續更新React相關文章。

--------------------- 本文來自 技術學者凱文 的CSDN 部落格 ，全文地址請點選：https://blog.csdn.net/daxiazouyizou/article/details/79743832?utm_source=copy