react腳手架搭建

react腳手架搭建

【轉】https://blog.csdn.net/weixin_41421227/article/details/80875544

因爲咱們在安裝的過程當中要使用到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路由，之後會用到）

再看看真實項目搭建過程