《React Native移动开发实战》一一2.2 Git版本控制工具

简介: 本节书摘来自华章出版社《React Native移动开发实战》一 书中的第2章,第2.2节,作者:袁林 著 ,更多章节内容可以访问云栖社区“华章计算机”公众号查看。

2.2 Git版本控制工具
对于现在的软件项目来说,版本控制工具应该是“标配”的开发工具之一了。
问题:什么是版本控制工具?
回答:版本控制工具提供完备的版本管理功能,用于存储、追踪目录(文件夹)和文件的修改历史。
2.2.1 安装Git
这里笔者推荐一款免费、开源、简单易用的版本控制工具Git(https://git-scm.com/)。
?小知识:Git的诞生与Linux有不解之缘,Git是由被誉为“Linux之父”的Linus Torvalds(https://zh.wikipedia.org/wiki/%E6%9E%97%E7%BA%B3%E6%96%AF%C2%B7%E6%89%98%E7%93%A6%E5%85%B9)最初开发的,他认为之前现有的版本控制工具,例如CVS(http://www.nongnu.org/cvs/)、SVN(https://subversion. apache.org/)都满足不了Linux Kernel开发的需求(免费、简单、高效以及分布式),所以就决定自己开发一款全新的版本控制工具Git。
Git的安装比较简单,请读者自行到官网下载页面(https://git-scm.com/downloads)下载操作系统的相应版本安装即可。安装成功后可以通过如图2.1所示方法进行验证。
image

图2.1 查看Git版本号和帮助来验证Git安装是否成功
2.2.2 Git常用命令
本节来了解Git常用命令的用法。
(1)新建一个文件夹,然后在新建的文件夹中创建Git仓库。使用的命令如下:

mkdir git-demo // 新建git-demo文件夹
cd git-demo // 进入git-demo文件夹
git init // 创建了一个新的Git仓库

效果如图2.2所示。
image

图2.2 新建本地Git仓库
(2)在刚才新建的Git仓库中,就可以进行添加和提交修改的操作了。

touch test.file // 为了演示Git的使用,这里先新建test.file文件
?提示:touch命令是Linux和macOS系统下的命令行工具,touch test.file的作用是在当前目录下新建空文件test.file,读者也可以使用其他自己熟悉的方法新建测试文件。
(3)Git添加修改的命令使用方法如下:

git add test.file // 添加test.file文件
git add * // 添加所有文件

(4)Git提交修改的命令使用方法如下:

git commit -m "新建test.file" // 提交修改并且描述此次修改的内容
?提示:第一次使用git commit命令时,会提示用户配置Git账户和邮箱,配置方法为git config --global user.name "Your Name"、git config --global user. email "Your Email"。
此时,Git的工作流如图2.3所示。
image

图2.3 Git添加和提交修改的工作流
(5)添加和提交操作成功之后,可以通过如下方法查看结果。

git log // 查看Git提交的历史记录

此时,对于上面的提交,读者可以看到类似下面的信息。

commit COMMIT-ID
Author: GIT-USER-NAME
Date: COMMIT-DATE

新建test.file

(6)除了自己创建Git仓库,还可以从网上下载已有的Git仓库代码。这里,以Github上React Native项目(https://github.com/facebook/react-native)为例,使用的命令如下:

git clone https://github.com/facebook/react-native // 将远程仓库复制到本地

(7)此时,由于Git仓库是在远程服务器上,还需要用到git pull和git push这两个命令来操作Git仓库。

cd react-native // 首先需要进入Git仓库所在的文件夹

把刚才复制到本地的Git仓库更新到远程仓库的最新改动,使用git pull命令。

git pull

把刚才复制到本地的Git仓库提交的修改提交到远程仓库中,使用git push命令。

git push
?提示:使用Github上React Native项目的例子,执行git push可能会提交失败,这是因为提交至远程仓库需要权限,请读者知悉。
当然,除了上述介绍的基本用法之外,Git命令还有很多,举例如下。
? git status:查看Git仓库状态。
? git diff:查看Git仓库修改内容的差异。
? git branch:使用和管理Git分支。
? git tag:使用和管理Git标签。
本书限于篇幅就不一一介绍了,想要深入了解的读者可以参考Git相关书籍和教程。
?提示:如果读者对Git命令不熟悉的话,推荐使用Git的图形化工具,例如,SourceTree(https://www.sourcetreeapp.com/)或者Tower(https://www.git-tower.com/mac/),它们都提供了Windows和macOS的版本。

相关文章
|
2月前
|
前端开发 JavaScript API
探索React Hooks:前端开发的革命性工具
【10月更文挑战第5天】探索React Hooks:前端开发的革命性工具
|
1月前
|
监控 前端开发 JavaScript
React 静态网站生成工具 Next.js 入门指南
【10月更文挑战第20天】Next.js 是一个基于 React 的服务器端渲染框架,由 Vercel 开发。本文从基础概念出发,逐步探讨 Next.js 的常见问题、易错点及解决方法,并通过具体代码示例进行说明,帮助开发者快速构建高性能的 Web 应用。
92 10
|
4月前
|
前端开发
React——开发调式工具安装【五】
React——开发调式工具安装【五】
40 0
React——开发调式工具安装【五】
|
4月前
|
Web App开发 监控 前端开发
React 性能监测工具大揭秘!Chrome DevTools 高级用法来袭,让你的 React 应用性能飙升!
【8月更文挑战第31天】在前端开发中,React 框架虽简化了高效、交互性强的用户界面构建,但应用复杂性增加亦可能引发性能问题。此时,Chrome DevTools 凭其性能面板成为了优化应用性能的重要工具,能帮助开发者记录与分析加载时间、渲染及脚本执行等性能指标,定位并解决性能瓶颈。同时,其 React 开发者扩展工具允许实时监控组件状态变化,进一步提升性能。结合运用这些功能,将有助于打造流畅的用户体验。
121 0
|
4月前
|
JavaScript 前端开发 安全
|
5月前
|
前端开发 JavaScript Android开发
React Native跨平台开发实战
【7月更文挑战第21天】React Native为跨平台移动应用开发提供了一种高效且强大的解决方案。通过本文的学习,你应该能够掌握React Native的基本概念和实战步骤,并开始在你的项目中使用React Native进行开发。随着你对React Native的深入理解,你将能够利用其强大的功能来构建更加复杂和高效的移动应用。
|
7月前
|
开发框架 移动开发 前端开发
【Uniapp 专栏】Uniapp 与 React Native 的对比分析
【5月更文挑战第14天】Uniapp和React Native是热门的跨平台移动开发框架。Uniapp以其一套代码多端运行、丰富的组件生态和较低的学习曲线受到青睐,适合快速开发简单应用。React Native基于React,拥有活跃社区和优秀性能,适合复杂应用。React Native在性能上略胜一筹,尤其在需要接近原生体验的场景。Uniapp的官方组件弥补了社区资源不足。选择时需考虑开发效率、性能需求、团队技术栈和社区支持。
2029 1
【Uniapp 专栏】Uniapp 与 React Native 的对比分析
|
6月前
|
前端开发 自动驾驶 程序员
鸿蒙? 车载?Flutter? React Native? 为什么我劝你三思,说点不一样的
本文探讨了在信息技术快速发展的背景下,开发者如何选择学习路径。作者提倡使用终局思维来规划职业发展,考虑技术的长远影响。终局思维注重长远目标、系统分析、反向规划和动态调整。以车载开发为例,预测未来智能汽车可能由语音助手主导,而非依赖平板界面。此外,作者建议不要过分投入打工状态,应思考创建自己的产品,如App,以实现技能补充和额外收入。选择对未来发展和自主性有益的技术,如Kotlin,比盲目追求热点更为重要。做减法和有标准的选择,能帮助减轻焦虑,实现更高效的成长。关注公众号“AntDream”获取更多相关内容。
147 1
|
6月前
|
开发框架 开发者 UED
Flutter作为一款跨平台的移动应用开发框架,自然也提供了丰富的工具和功能来支持可访问性和无障碍设计
【6月更文挑战第11天】Flutter是一款注重可访问性设计的跨平台移动应用开发框架,提供语义化组件、文本缩放、对比度调整、动态内容更新通知和键盘导航等功能,支持无障碍体验。开发者应结合简化操作、清晰反馈、多输入方式支持及测试优化等原则,以创建包容性更强的应用,满足不同用户需求,体现社会责任。
68 1
|
6月前
|
开发框架 前端开发 JavaScript
移动应用开发中的跨平台策略:Flutter与React Native的比较
在移动应用领域,跨平台解决方案已成为开发者追求高效、成本效益和广泛覆盖的关键。本文深入探讨了两种领先的跨平台框架——Flutter和React Native,从技术架构、性能、社区生态及实际应用案例四个维度进行全面对比分析。通过这一比较,旨在为移动应用开发者提供选择合适框架的参考依据,帮助他们根据项目需求做出明智的决策。