杭州电子商务研究院

从 GitHub 设置 React 项目

2020-10-20 08:00飞浪

介绍

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 项目:

选修的

  • Putty是 Windows 生成 SSH 密钥的工具。根据您的 Windows 操作系统类型(32 或 64)下载并安装Putty 工具。

克隆是创建远程存储库的本地副本的过程。可以使用 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 帐户来检索。

执行克隆命令:

使用 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 存储库:

  1. 使用下载选项获取代码库的压缩文件并将其解压缩。
  2. 安装GitHub Desktop工具并在存储库上选择使用 GitHub Desktop 打开选项。

运行克隆的 React 项目

node_modules目录不是克隆存储库的一部分,应使用npm install命令下载<font style="

曝光26042浏览1396