构建react项目(一)

一、利用脚手架构建react

根据官网上给出的说法,脚手架的命令行是creat-react-app
相应的语句是:

npm install -g create-react-app
create-react-app my-app
cd my-app/
npm start```
我在构建的时候遇见了,*create-react-app command not found*。我找了很久,才发现是我自己没有配置全局变量!
这个很方便,里面babel什么的都已经配置好了。
######二、配置请求
现在比较出名的路由有*axios*和*fetch*。其实react和这两者都可以搭配,vue官方推荐*axios*,react官方推荐*fetch*。所以我就使用*fetch*。但是为了更好的兼容,以及咨询的大家,最后用了*whatwg-fetch*,这个只是更好的兼容😄

nom install --save whatwg-fetch

######三、配置路由
路由直接用了官方的路由react-router 4.1.1版本。这个是最新版本。写法和2版本,3版本都不一样了。网上找的中文文档和阮一峰老师的资料都是4之前的版本了。[4版本的官方英文文档在这里](https://reacttraining.com/react-router/web/api/Link)写法和之前的有差别,也没有嵌套路由了。更为的简洁了。配套使用的时候还需要安装react-router-dom

npm install react-router-dom

总结:好了,剩下也没什么了。在这里提醒尽量用es6的写法。其他的react的官方API去官网上看就可以了。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,914评论 25 709
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,292评论 19 139
  • 测试一:3 作业二:试色 作业三:打底 作业四:填色 作业感想:感觉学画画没有自己想象的那么难,有了一个好的开始,...
    松松针阅读 1,345评论 1 0
  • 阳支动且强,速达显灾祥;阴支静且专,否泰每经年。原注:子、寅、辰、午、申、戌,阳也,其性动,其势强,其发至速,其灾...
    赵云来阅读 4,511评论 2 2
  • Topic 2 Levelling the Paying Field New European ...
    Fiona_6fa6阅读 1,638评论 0 0