React學習（一）——基礎項目搭建以及環境配置

關於react，就很少作介紹了，你們都懂，咱們直接開始搭建React框架運行環境：

1：首先，咱們須要安裝node.js，直接搜索並在官網下載安裝包。

node.js官網：https://nodejs.org/en/

選擇適合的版本後下載下來，並打開安裝程序，以下圖所示
複製代碼

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

安裝完成後，打開cmd命令行,輸入 node -v 和 npm -v 來查看版本號，若是顯示則安裝完成。
複製代碼

npm會有點消耗時間，建議安裝淘寶團隊的cnpm

2：如今咱們成功安裝了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用於記錄項目信息，以及外部依賴包的導入信息等

3 .而後，在命令行中「 cd 」該目錄,輸入以下命令,部署npm，以及導入react-dom依賴包.

cmd中輸入：

cnpm init   （而後一路回車）
  cnpm install --save react react-dom  ( 在該目錄下導入react和react-dom）
  cnpm install --save  react-router-dom   （react路由，之後會用到）
複製代碼

4.最後就能夠經過 npm start 來啓動項目，自動彈出localhost:3000的以下網頁窗口

如今，咱們已經完成了基本的React項目搭建，能夠開始React項目開發之路啦