【React全家桶入门之CODE】项目代码与使用方法
来源:互联网 发布:学java看什么视频 编辑:程序博客网 时间:2024/05/17 08:37
React全家桶入门系列文章的代码托管在Github上:
https://github.com/awaw00/react-curd
使用方法:
使用git克隆项目到本地:git clone https://github.com/awaw00/react-curd.git
。
现在你得到的是整个项目最新版本的代码。
执行npm i roadhog json-server -g
安装全局工具。
执行npm i
来安装项目依赖。
执行npm run server
启动服务器,然后再执行npm run dev
启动客户端。
如何查看文章对应的代码版本?
本项目为每一篇文章都打了相应的标签,从【之二】开始:
- 【之二】对应标签为C02;
- 【之三】对应标签为C03;
以此类推…
如果你想要查看【之三】的代码,可以执行:
git checkout -b [BRANCH_NAME] [TAG_NAME]
将对应章节的代码切到一个新分支中,如: git checkout -b 03 C03
可以把第三章对应的代码切到名为03的分支。
由于一开始提交代码没有注意,C04的代码包括了【之五】的一部分代码(高阶组件),C05仅有【之五】剩余一部分的代码(组件化表单控件)。
当然,你也可以在github上直接查看对应版本的代码,如【之三】,访问 https://github.com/awaw00/react-curd/tree/C03 就可以看到对应版本的代码了。
不推荐光看不练的学习方式!!!
不推荐光看不练的学习方式!!!
不推荐光看不练的学习方式!!!
动手实践动脑思考才是最好的学习方式,建议新手从【之一】开始,一步一步跟着文章走。
如果我有更好的想法、想尝试自己的方式去实现这个功能、想做自己的功能怎么办?
这是一个好现象。但是为了不打乱文章中的代码,建议你使用git新建一个分支,在新分支上随意修改任何代码:
- 如果你是自己搭建的项目,请先执行
git init
- 执行
git checkout test
切换到test分支进行尝试 - 可以使用
git add .
与git commit -m "[YOUR_MESSAGE]"
来保存你在分支上的修改 - 尝试完毕后使用
git checkout master
切换回主分支继续跟着文章学习
注意:在切换分支时确保当前分支的工作区是干净的(使用git add
和git commit
来提交未保存的修改)
想了解更多git指令知识请浏览Git文档。
最后,祝大家能从本文中有所收获。
- 【React全家桶入门之CODE】项目代码与使用方法
- 【React全家桶入门之二】项目搭建
- 【React全家桶入门之二】项目搭建
- 【React全家桶入门之八】用户编辑与删除
- 【React全家桶入门之十】登录与身份认证
- 【React全家桶入门之十】登录与身份认证
- 【React全家桶入门之九】图书管理与自动完成
- 【React全家桶入门之十三】Redux中间件与异步action
- 【React全家桶入门之三】基本的用户添加
- 【React全家桶入门之四】加入表单验证
- 【React全家桶入门之六】渲染用户列表
- 【React全家桶入门之七】提取布局组件
- 【React全家桶入门之十一】引入AntDesign组件库
- 【React全家桶入门之十二】Redux介绍
- 【React全家桶入门之十一】引入AntDesign组件库
- 【React全家桶入门之四】加入表单验证
- 【React全家桶入门之三】基本的用户添加
- React-Music 全家桶项目,精品之作!
- js高级程序设计笔记7--DOM2和DOM3
- Android适配那点事儿
- pytorch学习笔记(二):gradient
- asp.net跳转并接收参数
- firefox浏览器相关的2个坑
- 【React全家桶入门之CODE】项目代码与使用方法
- 学习记录:python糗百爬虫
- Python中关键字yield有什么作用?
- 【企业报表数据读取与传递】【第三节】报表数据展示弹出框开发
- 人工智能手机即将到来
- 使用ECLIPSE学习C++
- flask扩展模块flask-sqlachemy 的使用---mysql数据库
- 重看css权威指南 part7
- 新I/O