構(gòu)建react項(xiàng)目(一)

一、利用腳手架構(gòu)建react

根據(jù)官網(wǎng)上給出的說法,腳手架的命令行是creat-react-app
相應(yīng)的語句是:

npm install -g create-react-app
create-react-app my-app
cd my-app/
npm start```
我在構(gòu)建的時(shí)候遇見了,*create-react-app command not found*。我找了很久,才發(fā)現(xiàn)是我自己沒有配置全局變量!
這個(gè)很方便,里面babel什么的都已經(jī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è)是最新版本。寫法和2版本,3版本都不一樣了。網(wǎng)上找的中文文檔和阮一峰老師的資料都是4之前的版本了。[4版本的官方英文文檔在這里](https://reacttraining.com/react-router/web/api/Link)寫法和之前的有差別,也沒有嵌套路由了。更為的簡潔了。配套使用的時(shí)候還需要安裝react-router-dom

npm install react-router-dom

總結(jié):好了,剩下也沒什么了。在這里提醒盡量用es6的寫法。其他的react的官方API去官網(wǎng)上看就可以了。
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 178,781評論 25 709
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,506評論 19 139
  • 測試一:3 作業(yè)二:試色 作業(yè)三:打底 作業(yè)四:填色 作業(yè)感想:感覺學(xué)畫畫沒有自己想象的那么難,有了一個(gè)好的開始,...
    松松針閱讀 219評論 1 0
  • 陽支動(dòng)且強(qiáng),速達(dá)顯災(zāi)祥;陰支靜且專,否泰每經(jīng)年。原注:子、寅、辰、午、申、戌,陽也,其性動(dòng),其勢強(qiáng),其發(fā)至速,其災(zāi)...
    趙云來閱讀 1,072評論 2 2
  • Topic 2 Levelling the Paying Field New European ...
    Fiona_6fa6閱讀 273評論 0 0

友情鏈接更多精彩內(nèi)容