一菠镇、利用腳手架構(gòu)建react
根據(jù)官網(wǎng)上給出的說(shuō)法未舟,腳手架的命令行是creat-react-app
相應(yīng)的語(yǔ)句是:
npm install -g create-react-app
create-react-app my-app
cd my-app/
npm start```
我在構(gòu)建的時(shí)候遇見(jiàn)了缴守,*create-react-app command not found*呻引。我找了很久柱查,才發(fā)現(xiàn)是我自己沒(méi)有配置全局變量!
這個(gè)很方便虐急,里面babel什么的都已經(jīng)配置好了。
######二滔迈、配置請(qǐng)求
現(xiàn)在比較出名的路由有*axios*和*fetch*止吁。其實(shí)react和這兩者都可以搭配,vue官方推薦*axios*亡鼠,react官方推薦*fetch*赏殃。所以我就使用*fetch*。但是為了更好的兼容间涵,以及咨詢的大家仁热,最后用了*whatwg-fetch*,這個(gè)只是更好的兼容??
nom install --save whatwg-fetch
######三勾哩、配置路由
路由直接用了官方的路由react-router 4.1.1版本抗蠢。這個(gè)是最新版本。寫(xiě)法和2版本思劳,3版本都不一樣了迅矛。網(wǎng)上找的中文文檔和阮一峰老師的資料都是4之前的版本了。[4版本的官方英文文檔在這里](https://reacttraining.com/react-router/web/api/Link)寫(xiě)法和之前的有差別潜叛,也沒(méi)有嵌套路由了秽褒。更為的簡(jiǎn)潔了。配套使用的時(shí)候還需要安裝react-router-dom
npm install react-router-dom
總結(jié):好了威兜,剩下也沒(méi)什么了销斟。在這里提醒盡量用es6的寫(xiě)法。其他的react的官方API去官網(wǎng)上看就可以了椒舵。