由於新項目的緣故,接觸了一下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的相關文章。
這些都是自己在項目中遇到的,本人也是剛剛接觸這些技術,所以有哪里說的不對的地方,希望各位大牛多多指點。