github:https://github.com/aiyuekuang/react_home.git
這是一個react的腳手架項目,其中包含著當(dāng)前最新得腳手架配置方式观蜗,技術(shù)技術(shù)棧包括react+redux+antd+webpack3+sass/less+axios+immutable+proxy演熟,我會長期,并定期維護(hù)這個腳手架博肋,將當(dāng)下react生態(tài)圈最新技術(shù)運(yùn)用進(jìn)去,適用于新手或者關(guān)注進(jìn)階的朋友學(xué)習(xí)參考坝撑。
廢話不多說,很多新手朋友想了解學(xué)習(xí)并且快速將react應(yīng)用到項目中去牵素,那接下來我將教會大家從開發(fā)到部署上線得一整個神秘得流程严衬。
1.你需要安裝了node,可以百度下載最新得node笆呆,不會的話也可以百度请琳,資料很多
2.將我上面得github下載或者clone至你電腦得任意地方(使用得朋友給個星,或者watch)
3.ctrl+r輸入cmd打開你的命令窗口赠幕,敲命令行切換到你下載得項目目錄中俄精,比如:d:/react_home,這樣
4.命令行繼續(xù)輸入npm install安裝項目得包
5.安裝完畢npm start就可以開始擼代碼了,具體怎么擼榕堰,這個你們可以百度一些教程竖慧,不是很難,也可以關(guān)注我逆屡,我后面也會出寫一些教程圾旨,這個腳手架項目也有一些簡單得基礎(chǔ)代碼,你啟動服務(wù)后訪問http://localhost:3012也能看到一些簡單得界面魏蔗,可以照葫蘆畫瓢先摸索一下砍的,本地項目已經(jīng)配置跨域了,將原來項目配置得服務(wù)器地址改成你得接口服務(wù)器地址莺治,基本就可以訪問到接口了廓鞠。
6.那如何將項目部署到服務(wù)器呢,這就是最關(guān)鍵得地方了谣旁,其實很簡單床佳,就是把很復(fù)雜得項目通過webpack編譯成我們以前寫jquery得時候那種html+js得這種樣子,讓你們得后端人員榄审,將服務(wù)器404指向build/index.html砌们,然后訪問服務(wù)器上得這個index.html
7.這樣基本一個簡單得react開發(fā)流程就結(jié)束了,簡單嗎瘟判?