git下载、安装、本地配置、拉取远程项目、使用vscode提交项目到远程仓库(超详细步骤附图文!!)

一、git下载、安装及本地配置

1、git下载

  1. 打开 git官网 下载页面;
    不想等待的小伙伴来这里取安装包!
    网盘分享:Git-2.47.0-64-bit.exe
  2. 选择适合您操作系统的版本。对于‌Windows用户,选择“Windows”版本。(我下载的是红色框着的那版。)
    在这里插入图片描述
  3. 下载完成后,双击.exe可执行程序开始安装。

小插曲:对于不太清楚电脑是32还是64的小伙伴,可以看以下操作!!

  1. 找到此电脑,右键选择属性。
    在这里插入图片描述
  2. 在【关于】页面中找到【系统类型】,我这里就是64位的操作系统,所以选择64的git安装包。
    在这里插入图片描述

2、git安装

2.1、使用许可声明

双击打开.exe程序,就可以看到 使用许可说明,单击【Next】。在这里插入图片描述

2.2、选择安装的路径

可以通过单击【Browse…】选择其他路径,最好不要安装在C盘哦,单击【Next】。
在这里插入图片描述

2.3、选择安装的组件

一般直接单击【Next】。
有需要在桌面创建图标的小伙伴可以勾选上【On the Desktop】。
在这里插入图片描述

2.4、选择开始菜单文件夹

一般直接单击【Next】。
在这里插入图片描述

2.5、选择 Git 默认编辑器

默认的是vim编辑器,单击【Next】。
在这里插入图片描述

2.6、决定初始化新项目(仓库)的主干名字

  1. 【Let Git decide】意思是:让Git对新创建的存储库中的初始分支使用其默认分支名称(当前为“master”)。Git项目打算在不久的将来将此默认名称更改为更具包容性的名称。
  2. 【Override the default branch name for new repositories】意思是:新!许多团队已经重命名了他们的默认分支;常见的选择是“主要”、“主干”和“发展”。请为初始分支指定名称“git init”:main。
    一般默认选中第一项,直接单击【Next】。
    在这里插入图片描述

2.7、调整Git的环境变量

  1. 【Use Git from Git Bash only】选项意思是:这是最谨慎的选择,因为您的PATH根本不会被修改。你只能使用Git Bash中的Git命令行工具。
  2. 【Git from the command line and also from 3rd-party software】选项意思是:此选项仅将一些最小的Git包装器添加到PATH中,以避免使用可选的Unix工具使环境混乱。您将能够从Git Bash、命令提示符和Windows PowerShell以及在PATH中查找Git的任何第三方软件中使用Git。
    (这是推荐使用的选项)
  3. 【Use Git and optional Unix tools from the Command Prompt】选项意思是:Git和可选的Unix工具都将添加到您的PATH中。警告:这将覆盖Windows工具,如“查找”和“排序”。只有当你理解其含义时,才使用此选项。
    一般默认选择第二项,直接单击【Next】。
    在这里插入图片描述

2.8、选择 SSH 执行文件

  1. 【Use bundled OpenssH】选项意思是:这使用Git附带的ssh.exe。
  2. 【Use external OpenSSH】选项意思是:新!这使用外部ssh.exe。Git不会安装自己的OpenSSH(和相关)二进制文件,而是按照PATH中的方式使用它们。
    一般默认选择第一项,直接单击【Next】。
    在这里插入图片描述

2.9、选择HTTPS后端传输

  1. 【Use the OpenssL library】选项意思是:服务器证书将使用ca-bundle.crt文件进行验证。
  2. 【Use the native Windows Secure Channel library】选项意思是:将使用Windows证书存储区验证服务器证书。此选项还允许您使用通过Active Directory域服务分发的公司内部根CA证书。
    一般默认选择第一项,直接单击【Next】。
    在这里插入图片描述

2.10、配置行尾符号转换

  1. 【checkout Windows-style, commit Unix-style line endings】选项意思是:Git在签出文本文件时会将LF转换为CRLF。提交文本文件时,CRLF将转换为LF。对于跨平台项目,这是Windows上的推荐设置(“core.autorlf”设置为“true”)。
  2. 【Checkout as-is, commit Unix-style line endings】选项意思是:Git在签出文本文件时不会执行任何转换。提交文本文件时,CRLF将转换为LF。对于跨平台项目,这是Unix上的推荐设置(“core.autorlf”设置为“input”)。
  3. 【Checkout as-is,commit as-is】选项意思是:Git在签出或提交文本文件时不会执行任何转换。不建议跨平台项目选择此选项(“core.autorlf”设置为“false”)。
    一般默认选择第一项,直接单击【Next】。
    在这里插入图片描述

2.11、配置终端模拟器与Git Bash一起使用

  1. 【Use MinTTY (the default terminal of MSYS2)】选项意思是:Git Bash将使用MinTTY作为终端模拟器,它具有可缩放窗口、非矩形选择和Unicode字体。Windows控制台程序(如交互式Python)必须通过winpty启动才能在MinTTY中工作。
  2. 【Use Windows’ default console window】选项意思是:Git将使用Windows的默认控制台窗口(“cmd.exe”),该窗口与Win32控制台程序(如交互式Python或node.js)配合良好,但默认向后滚动非常有限,需要配置为使用Unicodefont才能正确显示非ASCll字符,在Windows 10之前,其窗口不能自由调整大小,只允许矩形文本选择。
    一般默认选择第一项,直接单击【Next】。
    在这里插入图片描述

2.12、选择“git pull” 默认行为

  1. 【Fast-forward or merge】选项意思是:如果可能的话,将当前分支快速转发到提取的分支。
    否则创建合并提交。
  2. 【Rebase】选项意思是:将当前分支重新建立在获取的分支上。如果没有locacommits来重设基础,这相当于快进。
  3. 【Only ever fast-forward】选项意思是: 快进到取回的树枝前。如果不可能,就失败。这是git pull的标准行为。
    一般默认选择第一项,直接单击【Next】。
    在这里插入图片描述

2.13、选择凭证助手

  1. 【Git Credential Manager】选项意思是:使用跨平台Git凭据管理器。在此处查看有关Git凭据管理器未来的更多信息。
    Git Credential Manager 是一个凭据助手工具,可以帮助您在访问远程 Git 存储库时自动处理身份验证。它能够安全地存储并检索您的凭据。
  2. 【None】选项意思是:不要使用凭据助手。
    如果您选择此选项,Git 将不会配置任何凭据助手,并在需要身份验证时,每次都会要求您手动输入凭据。
    一般默认选择第一项,直接单击【Next】。
    在这里插入图片描述

2.14、配置额外选项

  1. 【Enable file system caching】选项意思是:文件系统数据将被批量读取,并缓存在内存中以进行某些操作(“core.fscache”设置为“true”)。这提供了一个重要的
    性能提升。
  2. 【Enable symbolic links】选项意思是:启用符号链接(需要SeCreateSymbolicLink权限)请注意,现有存储库不受此设置的影响。
    一般默认选择第一项,直接单击【Next】。
    在这里插入图片描述

2.15、配置实验选项

这些功能正在积极开发中。你想试试吗?
单击【Install】。
在这里插入图片描述

2.16、等待安装中

在这里插入图片描述

2.17、安装完成

  1. 【Launch Git Bash!】选项意思为:启动Git Bash!
  2. 【View Release Notes】选项意思为:查看发行说明
    选择第二项默认配置项,单击【Finish】安装完成。
    在这里插入图片描述
    因为勾选了第二项,所以单击【Finish】后会跳转到以下页面,有兴趣的可以看看。
    在这里插入图片描述

3、git本地环境的配置

  1. 按下【win+R】键,输入sysdm.cpl,单击【确定】。
    在这里插入图片描述

  2. 选项卡选择【高级】,然后单击【环境变量】。
    在这里插入图片描述

  3. 编辑系统变量中的Path变量,单击【编辑】。
    在这里插入图片描述
    找到安装目录下的bin文件,将这个路径加进Path中。
    在这里插入图片描述
    如果不记得了按下【Win+R】键,输入cmd,单击【确定】。
    在这里插入图片描述
    命令行输入where git查看安装路径,根据这个路径找到bin文件夹即可。
    在这里插入图片描述
    将路径添加到环境变量中,单击【确定】。
    在这里插入图片描述然后一直点击【确定】直到整个环境关闭。

  4. 查看是否安装成功
    命令行输入git -v,有显示版本好代表安装成功。
    在这里插入图片描述

二、git拉取远程项目并运行

1、配置用户名和邮箱

  1. 桌面鼠标点击右键,选择【Open Git Bash here】。
    在这里插入图片描述
  2. 输入以下两行代码,用于配置用户名和邮箱
git config --global user.name "Your Name"
git config --global user.email "Your email"

在这里插入图片描述

  1. 查看是否设置成功
git config --global user.name
git config --global user.email

在这里插入图片描述

2、从gitee仓库中克隆项目

2.1、使用代码进行克隆

git clone 项目地址

在这里插入图片描述
克隆成功!桌面上就有这个项目的文件了。

2.2、安装依赖

将项目文件夹拉进vscode运行,终端 -> 新建终端,命令行输入cnpm i 安装一下项目依赖。

根据自己本机的包管理进行安装依赖,也可以使用npm i/pnpm i/yarn i等。

在这里插入图片描述

2.3、运行项目

查看项目中的package.json文件夹中的scripts对象,我这里运行是通过dev。
在这里插入图片描述

输入运行命令即可把项目跑起来,出现地址就代表成功咯。

npm run dev

在这里插入图片描述

三、VScode提交项目文件到远程仓库

1、初始化仓库

在这里插入图片描述

2、输入备注信息然后提交

一般备注信息里面简单说明一下此处修改了哪些模块,新增了xx功能。
在这里插入图片描述
此时提交成功只是提交到了本地仓库哦。

3、推送到远程仓库

3.1、点击同步更改到远程

在这里插入图片描述

3.2、认证用户信息

第一次提交会弹出以下弹窗让你输入用户名和密码。
在这里插入图片描述

3.3、vscode提交成功

提交成功后以下面板的列表为空,并且提交按钮被置灰。
在这里插入图片描述

3.4、远程仓库查看是否成功提交。

出现红色框着的提交信息代表成功提交。
在这里插入图片描述

小插曲:如果没有和远程仓库连接的话,请按照以下步骤先连接,再按照3.4操作。

1、找到添加远程存储库

在这里插入图片描述

2、从URL添加远程存储库

在这里插入图片描述

3、添加仓库名

在这里插入图片描述

四、未完待续…

猜你喜欢

转载自blog.csdn.net/weixin_43801036/article/details/142983666