react腳手架搭建

由於我們在安裝的過程中要使用到npm 因此需要先前安裝好node.js

直接到官方下載即可 一般建議大家下載穩定版的（左邊那個！）

知道你們懶，咯官網戳→_→ node.js官網：https://nodejs.org/en/

判斷安裝成功與否的標誌↓

打開cmd命令行,輸入 node -v 和 npm -v 來查看版本號，如果顯示則安裝完成

然後我們就可以開始create-react-app腳手架搭建之旅了

第一步：

打開你想要保存項目的盤 如D盤 新建一個目錄如：my_reactDemo

第二步

打開cmd命令板 輸入d: 回車 然後輸入cd my_reactDemo 回車 這樣我們就跳到了我們新建的那個目錄下了

第三步

輸入npm install -g create-react-app 回車 全局安裝create-react-app腳手架（安裝時間可能會比較長 視網速而定）

第四步

輸入 create-react-app my-new-app 回車 在my_reactDemo目錄下創建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路由，以後會用到）

react腳手架搭建