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

进公司第一天干的一些事！

• 一、git下载、安装及本地配置
• • 1、git下载
  • 2、git安装
  • • 2.1、使用许可声明
    • 2.2、选择安装的路径
    • 2.3、选择安装的组件
    • 2.4、选择开始菜单文件夹
    • 2.5、选择 Git 默认编辑器
    • 2.6、决定初始化新项目(仓库)的主干名字
    • 2.7、调整Git的环境变量
    • 2.8、选择 SSH 执行文件
    • 2.9、选择HTTPS后端传输
    • 2.10、配置行尾符号转换
    • 2.11、配置终端模拟器与Git Bash一起使用
    • 2.12、选择“git pull” 默认行为
    • 2.13、选择凭证助手
    • 2.14、配置额外选项
    • 2.15、配置实验选项
    • 2.16、等待安装中
    • 2.17、安装完成
  • 3、git本地环境的配置
• 二、git拉取远程项目并运行
• • 1、配置用户名和邮箱
  • 2、从gitee仓库中克隆项目
  • • 2.1、使用代码进行克隆
    • 2.2、安装依赖
    • 2.3、运行项目
• 三、VScode提交项目文件到远程仓库
• • 1、初始化仓库
  • 2、输入备注信息然后提交
  • 3、推送到远程仓库
  • • 3.1、点击同步更改到远程
    • 3.2、认证用户信息
    • 3.3、vscode提交成功
    • 3.4、远程仓库查看是否成功提交。
    • 小插曲：如果没有和远程仓库连接的话，请按照以下步骤先连接，再按照3.4操作。
    • • 1、找到添加远程存储库
      • 2、从URL添加远程存储库
      • 3、添加仓库名
• 四、未完待续....

一、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\"

3. 查看是否设置成功

git config --global user.namegit 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、添加仓库名

四、未完待续…