react全家桶從本地開發(fā)到服務(wù)器發(fā)布全教程

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é)束了,簡單嗎瘟判?

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末怨绣,一起剝皮案震驚了整個濱河市角溃,隨后出現(xiàn)的幾起案子拷获,更是在濱河造成了極大的恐慌,老刑警劉巖减细,帶你破解...
    沈念sama閱讀 211,884評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件匆瓜,死亡現(xiàn)場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)驮吱,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,347評論 3 385
  • 文/潘曉璐 我一進(jìn)店門茧妒,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人左冬,你說我怎么就攤上這事桐筏。” “怎么了拇砰?”我有些...
    開封第一講書人閱讀 157,435評論 0 348
  • 文/不壞的土叔 我叫張陵梅忌,是天一觀的道長。 經(jīng)常有香客問我除破,道長牧氮,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,509評論 1 284
  • 正文 為了忘掉前任瑰枫,我火速辦了婚禮踱葛,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘光坝。我一直安慰自己尸诽,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,611評論 6 386
  • 文/花漫 我一把揭開白布盯另。 她就那樣靜靜地躺著逊谋,像睡著了一般。 火紅的嫁衣襯著肌膚如雪土铺。 梳的紋絲不亂的頭發(fā)上胶滋,一...
    開封第一講書人閱讀 49,837評論 1 290
  • 那天,我揣著相機(jī)與錄音悲敷,去河邊找鬼究恤。 笑死,一個胖子當(dāng)著我的面吹牛后德,可吹牛的內(nèi)容都是我干的部宿。 我是一名探鬼主播,決...
    沈念sama閱讀 38,987評論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼瓢湃,長吁一口氣:“原來是場噩夢啊……” “哼理张!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起绵患,我...
    開封第一講書人閱讀 37,730評論 0 267
  • 序言:老撾萬榮一對情侶失蹤雾叭,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后落蝙,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體织狐,經(jīng)...
    沈念sama閱讀 44,194評論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡暂幼,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,525評論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了移迫。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片旺嬉。...
    茶點(diǎn)故事閱讀 38,664評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖厨埋,靈堂內(nèi)的尸體忽然破棺而出邪媳,到底是詐尸還是另有隱情,我是刑警寧澤荡陷,帶...
    沈念sama閱讀 34,334評論 4 330
  • 正文 年R本政府宣布悲酷,位于F島的核電站,受9級特大地震影響亲善,放射性物質(zhì)發(fā)生泄漏设易。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,944評論 3 313
  • 文/蒙蒙 一蛹头、第九天 我趴在偏房一處隱蔽的房頂上張望顿肺。 院中可真熱鬧,春花似錦渣蜗、人聲如沸屠尊。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,764評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽讼昆。三九已至,卻和暖如春骚烧,著一層夾襖步出監(jiān)牢的瞬間浸赫,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,997評論 1 266
  • 我被黑心中介騙來泰國打工赃绊, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留既峡,地道東北人。 一個月前我還...
    沈念sama閱讀 46,389評論 2 360
  • 正文 我出身青樓碧查,卻偏偏與公主長得像运敢,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子忠售,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,554評論 2 349

推薦閱讀更多精彩內(nèi)容