从 GitHub 设置 React 项目
介绍
GitHub 是用于有效管理数据更改的项目和文件托管服务提供商,使用最为广泛。除了存储库托管之外,GitHub 还提供许多其他服务,如要点、CI/CD 集成、包发布、GitHub API、GitHub Pages、赞助商等等。create -react-app工具会自动添加一个.gitignore文件,其中包含在将代码推送到 GitHub 服务器时要忽略的文件/目录的名称或模式。git和GitHub被广泛用于在协作环境中开发软件。本指南介绍了使用不同方法从 GitHub 存储库设置 React 项目的详细信息。
Git基本术语及命令
有一些与git文件和命令相关的重要术语,需要了解git 的工作原理:
- git是一个使用git命令管理项目历史的工具。历史详细信息存储在名为.git的隐藏目录中。
- Repository是托管在 GitHub 服务器上的git项目的常规名称。
- .gitignore文件包含git不会跟踪也不会上传到 GitHub 存储库的文件或目录的名称(或模式)。
- remote是用于添加 GitHub 存储库的 SSH 或 HTTPS URL 链接的命令。
- origin只是 GitHub 存储库 URL 的常规名称。
- staged可以看作是一桶文件或目录,其中的更改已准备好存储。add命令用于暂存更改。
- commit用于存储所有暂存文件的状态并附带可选消息。
- pull用于从当前项目的远程分支复制代码。
- push用于将已提交的更改移动到远程存储库。
先决条件:
安装以下工具来设置 GitHub 项目:
- git工具用于搭建执行git命令的环境,因此请下载并安装git工具。
选修的
- Putty是 Windows 生成 SSH 密钥的工具。根据您的 Windows 操作系统类型(32 或 64)下载并安装Putty 工具。
使用 SSH 链接克隆存储库
克隆是创建远程存储库的本地副本的过程。可以使用 SSH 或 HTML 链接克隆 GitHub 存储库。SSH是一种使用握手机制和公钥加密技术与服务器进行安全通信的协议。安全连接允许您从命令行(终端)执行git指令,而无需在每次推送/拉取操作时确认 GitHub 凭据。
按照以下步骤创建 SSH 公钥/私钥对并将公钥添加到GitHub帐户:
1.添加 GitHub 账户详细信息
git维护一个全局和本地(每个项目)配置文件,用于存储所需的详细信息,如电子邮件、用户名、编辑软件等。在git配置文件中更新您的 GitHub 帐户用户名和电子邮件的值:
git config --global user.name "Your name here"
git config --global user.email "your_email@example.com"
2. 生成 SSH 密钥
可以使用git bash 或Putty 工具生成 SSH 密钥。请按照以下步骤在 Mac 或 Linux 上生成 SSH 密钥:
如果 SSH 密钥已经存在,那么您可以使用现有的密钥。
- 使用ssh-keygen生成 SSH 密钥:
ssh-keygen -t rsa -C "your_email@example.com"
每次输入后按回车键即可生成密钥。
密码可用于为 SSH 密钥提供额外的安全保护。如果使用密码,git将在使用 SSH 密钥之前提示输入密码,尽管密码可以像钥匙串访问一样保存在ssh-agent中以自动提供密码的值。
- 复制生成的 SSH 密钥:
# Mac
pbcopy < ~/.ssh/id_rsa.pub
在 Linux 上,使用cat命令获取 SSH 密钥的内容:
cat < ~/.ssh/id_rsa.pub
对于 Windows,可以使用git bash(或 putty)生成密钥,因此打开git bash控制台并输入:
ssh-keygen -t rsa
现在复制your_home_directory/.ssh/id_rsa.pub文件的内容。
3. 为 GitHub 账户添加 SSH
4. 克隆项目
使用git clone命令在当前目录中克隆项目,使用SSH链接:
git clone git@github.com:/UserName/RepoName.git
GitHub 存储库的 SSH 链接只能通过登录的 GitHub 帐户来检索。
使用 HTTP 链接克隆存储库
执行克隆命令:
git clone https://github.com/UserName/RepoName.git
使用 GitHub CLI 克隆存储库
GitHub CLI将 GitHub Web UI 的功能带到命令行,以执行创建拉取请求、跟踪问题、分叉存储库等操作。使用auth命令验证帐户并使用clone命令克隆项目:
gh auth login
gh repo clone UserName/RepoName
- auth命令可以使用--web标志通过浏览器进行身份验证。它还可以使用 --with-token 标志接受身份验证令牌。
gh auth login --with-token < myGitHubToken.txt
- clone a 命令允许省略当前用户名,并可以使用与登录用户帐户关联的存储库名称:
gh repo clone RepoName
设置存储库的替代选项
另外有两种官方方法来设置 GitHub 存储库:
- 使用下载选项获取代码库的压缩文件并将其解压缩。
- 安装GitHub Desktop工具并在存储库上选择使用 GitHub Desktop 打开选项。
运行克隆的 React 项目
node_modules目录不是克隆存储库的一部分,应使用npm install命令下载<font style="
免责声明:本内容来源于第三方作者授权、网友推荐或互联网整理,旨在为广大用户提供学习与参考之用。所有文本和图片版权归原创网站或作者本人所有,其观点并不代表本站立场。如有任何版权侵犯或转载不当之情况,请与我们取得联系,我们将尽快进行相关处理与修改。感谢您的理解与支持!
请先 登录后发表评论 ~