构建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去官网上看就可以了。

你可能感兴趣的:(构建react项目(一))