創建第一個react項目


由於新項目的緣故,接觸了一下React這個 Javascript 庫。下面我就簡單的總結一下經驗以及遇到的一些問題,希望能夠幫到需要的朋友。

一、安裝 Node.js。 以下是我百度雲盤的分享。

  https://pan.baidu.com/s/1ftU3mn2jN9bnOGevMdcrDg     提取碼:wow3

二、安裝cnpm

  cmd命令:npm install -g cnpm --registry=https://registry.npm.taobao.org

三、安裝yarn

  cmd命令:cnpm install -g yarn

四、創建第一個React項目

  1、安裝腳手架工具

    cmd命令:npm install -g create-react-app 或者 cnpm install -g create-react-app

    
  2、創建項目 

    注意:create-react-app要求 Node >= 6 和 npm >= 5.2 。 cmd查看node和npm版本  node -v  和 npm -v
    cd 到項目要創建的目錄之后: create-react-app reactdemo


  3、cd 到項目位置
    cd  ../../reactdemo
    npm start    或者   yarn start  運行項目

    運行之后瀏覽器會自動打開,如果沒有打開並且cmd提示安裝成功的話。可以手動在瀏覽器訪問 http://localhost:3000即可。

  步驟的圖片如下:‘...###234###...’  這些是我創建項目時(create-react-app reactdemo)生成的,並且把安裝腳手架的語句沖沒了。按照上述步驟即可。

  這樣就創建了我們的第一個React項目。我在項目中使用的是VsCode工具來操作React項目。

  百度雲盤鏈接:https://pan.baidu.com/s/1_9_5IKTilP-jWFHLdYPlyw   提取碼:a6xf    -- (windows x64 也可到官網下載,很方便的。)

五、遇到的問題

  我在安裝過 Nodejs 之后,在cmd中查看版本號,一直顯示的是 0.10.15 版本的。這和我下的完全就不同,之后我又安裝了其他的版本,發現還是沒有變化。我就查看的 Error 的錯誤信息是獲取的是其他位置 Nodejs 。這就讓我懷疑 cmd 中查看到 Nodejs 的版本是 Error 信息中這個路徑的版本。然后我就通過百度,說需要修改環境變量。我就找到了這個路徑,隨后就抱着試試的想法,改了一下文件路徑。讓cmd默認去找我安裝的Nodejs。這時問題就解決了。下面是相關的截圖。

 

 

  其實換一個思路,在 cmd 中 cd 到安裝Nodejs的文件位置,然后再進行創建腳手架以及創建項目也是沒問題的。問題的原因應該是我之前安裝了Nodejs,cmd也默認找到了這個位置,所以導致我再安裝的版本就無效了。

  在VsCode工具中會自動去找到項目的位置,直接npm start便可以運行項目。

  希望可以幫到大家,我后續應該會寫一些,關於React+antd的相關文章。

  這些都是自己在項目中遇到的,本人也是剛剛接觸這些技術,所以有哪里說的不對的地方,希望各位大牛多多指點。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM