react小白學(xué)習(xí)快速上手

第一步:安裝node.js 下載鏈接https://nodejs.org/en/
如何查看是否安裝成功:黑窗口(命令行)中輸入:node -v 
圖片.png
第二步:安裝tnpm這個是國外的網(wǎng)站下載jar比較快:
在黑窗口(命令行)中輸入:npm install tnpm -g --registry=http://registry.npm.alibaba-inc.com
第三步:安裝 dva-cli鏈接
通過 npm 安裝 dva-cli 并確保版本是 0.7.0
 或以上奄容。
$ npm install dva-cli -g$ dva -v0.7.0
第四步:創(chuàng)建新應(yīng)用學(xué)習(xí)鏈接
安裝完 dva-cli 之后,就可以在命令行里訪問到 dva
 命令([不能訪問?](http://stackoverflow.com/questions/15054388/global-node-modules-not-installing-correctly-command-not-found))』囱罚現(xiàn)在,你可以通過 dva new
 創(chuàng)建新應(yīng)用贮匕。
$ dva new dva-quickstart

這會創(chuàng)建 dva-quickstart
 目錄井佑,包含項目初始化目錄和文件,并提供開發(fā)服務(wù)器憎夷、構(gòu)建腳本、數(shù)據(jù) mock 服務(wù)昧旨、代理服務(wù)器等功能拾给。
第五步:如果拉的是別人的demo小例子:項目的.git或者.svn這級目錄
在黑窗口(命令行)中輸入:tnpm install --verbose   //拉下來代碼后要執(zhí)行tnpm install 下載js的依賴包。verbose是為了查看下載包的進度
react代碼demo:https://github.com/zuiidea/antd-admin
第六步:啟動項目:
然后我們 在黑窗口(命令行)中輸入:cd
進入 dva-quickstart
目錄兔沃,并啟動開發(fā)服務(wù)器:
$ cd dva-quickstart
$ npm start
圖片.png
第五步:在瀏覽器中進行訪問demo
幾秒鐘后蒋得,你會看到以下輸出:
Compiled successfully!The app is running at: http://localhost:8000/Note that the development build is not optimized.To create a production build, use npm run build.

在瀏覽器里打開 [http://localhost:8000](http://localhost:8000/) ,你會看到 dva 的歡迎界面乒疏。
第六步:學(xué)習(xí)文檔:
1额衙、react目錄結(jié)構(gòu)介紹:

https://github.com/dvajs/dva-docs/blob/master/v1/zh-cn/tutorial/01-%E6%A6%82%E8%A6%81.md/

2、快速上手學(xué)習(xí)文檔:http://ant-tool.github.io/dora.html
3怕吴、12步學(xué)會react:

https://github.com/sorrycc/blog/issues/18
https://www.npmjs.com/package/roadhog

4窍侧、React 技術(shù)棧

https://github.com/ruanyf/jstraining/blob/master/docs/react.md

5、h5app前端代碼:

http://gitlab.alibaba-inc.com/aliyun/sales-console-frontend-mobile

6转绷、react代碼demo:

https://github.com/zuiidea/antd-admin

7伟件、redux文檔:

http://redux.js.org(中文文檔)

8、學(xué)習(xí)es6:

http://es6.ruanyifeng.com/#docs/array

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末议经,一起剝皮案震驚了整個濱河市斧账,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌爸业,老刑警劉巖其骄,帶你破解...
    沈念sama閱讀 217,542評論 6 504
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件亏镰,死亡現(xiàn)場離奇詭異扯旷,居然都是意外死亡,警方通過查閱死者的電腦和手機索抓,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,822評論 3 394
  • 文/潘曉璐 我一進店門钧忽,熙熙樓的掌柜王于貴愁眉苦臉地迎上來毯炮,“玉大人,你說我怎么就攤上這事耸黑√壹澹” “怎么了?”我有些...
    開封第一講書人閱讀 163,912評論 0 354
  • 文/不壞的土叔 我叫張陵大刊,是天一觀的道長为迈。 經(jīng)常有香客問我,道長缺菌,這世上最難降的妖魔是什么葫辐? 我笑而不...
    開封第一講書人閱讀 58,449評論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮伴郁,結(jié)果婚禮上耿战,老公的妹妹穿的比我還像新娘。我一直安慰自己焊傅,他們只是感情好剂陡,可當(dāng)我...
    茶點故事閱讀 67,500評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著狐胎,像睡著了一般鸭栖。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上握巢,一...
    開封第一講書人閱讀 51,370評論 1 302
  • 那天纤泵,我揣著相機與錄音,去河邊找鬼镜粤。 笑死捏题,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的肉渴。 我是一名探鬼主播公荧,決...
    沈念sama閱讀 40,193評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼同规!你這毒婦竟也來了循狰?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,074評論 0 276
  • 序言:老撾萬榮一對情侶失蹤券勺,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后关炼,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,505評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡寸潦,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,722評論 3 335
  • 正文 我和宋清朗相戀三年色鸳,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片见转。...
    茶點故事閱讀 39,841評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡命雀,死狀恐怖斩箫,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情乘客,我是刑警寧澤赊抖,帶...
    沈念sama閱讀 35,569評論 5 345
  • 正文 年R本政府宣布,位于F島的核電站寨典,受9級特大地震影響氛雪,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜耸成,卻給世界環(huán)境...
    茶點故事閱讀 41,168評論 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望弦追。 院中可真熱鬧,春花似錦劲件、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,783評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽牵辣。三九已至奴饮,卻和暖如春纬向,著一層夾襖步出監(jiān)牢的瞬間戴卜,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,918評論 1 269
  • 我被黑心中介騙來泰國打工师脂, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人危彩。 一個月前我還...
    沈念sama閱讀 47,962評論 2 370
  • 正文 我出身青樓泳桦,卻偏偏與公主長得像汤徽,于是被迫代替她去往敵國和親灸撰。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,781評論 2 354

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