搭建基于creat-react-app 搭建带redux的todolist

1.第一步, 构建creat-react-app程序:

npm i create-react-app -g  //全局安装react脚手架。
create-react-app myreact  //搭建reactapp

目录如下:

搭建基于creat-react-app 搭建带redux的todolist_第1张图片

src文件夹目录

搭建基于creat-react-app 搭建带redux的todolist_第2张图片 

文件入口index.js.。执行npm strat   就可以在loaclhost:3000看到页面

搭建基于creat-react-app 搭建带redux的todolist_第3张图片

顺带提一句,如果package.json下的scripts :键名是start的话,可以不用 npm run ...,直接npm .... ,就可以了。

2.修改package.josn

搭建基于creat-react-app 搭建带redux的todolist_第4张图片

按照http://www.redux.org.cn/docs/basics/ExampleTodoList.html  下面的todolist

构建如下目录:就是在原来src下面加入todolist 下面的文件夹。

搭建基于creat-react-app 搭建带redux的todolist_第5张图片

3.再修改一下index.js 入口文件

搭建基于creat-react-app 搭建带redux的todolist_第6张图片 

执行npm start :

搭建基于creat-react-app 搭建带redux的todolist_第7张图片

就是一个简单的todolist了。 

你可能感兴趣的:(前端)