VUE3——001（02）、开发环境配置（vs code与git和gitee）

        一、配置 Git 路径

        系统装好，差不多的该安装的都安装了，剩下就是不用安装配置一下系统变量就行了（当然，不想配变量重新安装一遍也是可以的）。

        记得配好了 git 的变量，在 vs code 中总是刷不出来，依稀记得在 idea 中有个地方可以检查 git 的配置情况，尝试在 vs code 的设置找一下，却没找到。又不想重装 git （其实就是装），检查一下路径，貌似没问题。又在 cmd 中试了一下，也不出来。发现好像应该是变量配置有问题。仔细检查了一下，发现有地方配错了（我这里预先配了 %AppFolder% 的变量）。

        指向目录不应该是 Git 的根目录，而应该是其下的子目录 cmd，%AppFolder%\Git\CMD。

        还有一点，配好后要退出 vs code 再进入，直接刷新配置是没有用的。

        二、创建仓库

        登入 gitee，创建一个空仓库（不用初始化。假定已有本地项目，需同步到 gitee）。

        仓库创建完成后跳转下如下界面。

        先记下仓库链接，备用。
        mkdir（创建目录）、cd（切换目录）、touch（创建一个新的空文件）这几个命令先不用管。

        初始化一个新的 Git 仓库，并且将默认分支设置为 “main”。
        git init -b "main"
        -b：指定在初始化仓库时要创建的初始分分支。
        “main”：用作初始分支的分支名称。Git 的默认分支名 “master”。

        将所有文件添加到暂存区
        git add .

        查看暂存状态
        git status

        添加提交注释
        git commit -m "提交注释"

        红框内：
        将本地项目连接到远程Git仓库。
        git remote add origin https://gitee.com/xxxxxxxx/hello_vue3.git

        将本地仓库的更改推送到远程仓库的 main 分支。
        git push -u origin "main"
        -u：为推送的分支在远程仓库上设置一个上游（upstream）跟踪分支。

        三、配置 Git 仓库信息

        下面这段稍长，但有助理解记忆，着急的直接跳到 “利索点” 照做就对了。
        再下来就是配置用户名和邮箱以及生成 SSH 密钥对了（按自己的信息填入对应正确的信息）。打开git-bash，使用 cd 进入到项目文件夹（可以是空的）。
        它的语法因 shell 而和 cmd 的略不同， 稍微摸索一下就会了。

        简单附个图，/c是盘符，/xxxx 是目标文件夹。上述是从 d 盘 kugou 目录切换到 c 盘 windows 目录。下图是使用相对路径进入其下的 /system32/en 文件夹中。
        请自行体会（可使用 tab 可进行路径文件名补全）。

        使用相对路径切换到另一个目录。
        实在懒得记，就老实安装一遍，右键就有菜单 “git-bash here” 了

        切换到项目目录。

        git config --global user.name "username"
        git config --global suer.email "useremail"
        参数：“--global” 全局模式
        省略 “--global” 并在当前项目目录下，则配置参数对当前项目生效。

        生成 SSH 密钥对
        ssh-keygen -t rsa -C 'useremail'        （不输入全使用默认，连按三次回车）
        看生成提示（不输入文件路径名，默认保存在当前用户文件夹中，所有人通用：%USERPROFILE%\.ssh），找到 SSH 公钥文件打开将内容复制到 Gitee 公钥设置中。生成自己的 Gitee SSH 公钥。
        测试 SSH 连接是否正常。
        ssh -T git@gitee.com
        提示有如下红线标出（Hi……）就表示正常。

        如果不正常，请检查配置的用户名和邮箱，在 gitee 中删除已经生成的公钥，再次重新生成。

        四、利索点

        配置用户名、密码
        git config --global user.name "username"
        git config --global suer.email "useremail"

        生成 SSH 密钥对
        ssh-keygen -t rsa -C 'useremail'        （不输入全使用默认，连按三次回车）

        Gitee 添加公钥

        测试连接
        ssh -T git@gitee.com

        检查用户名、密码
        git config --global user.name
        git config --global user.email

        项目目录下，初始化一个新的 Git 仓库，并且将默认分支设置为 “main”
        git init -b "main"

        暂存文件（目录下有一个 test.txt 文件）
        git add .

        注释并提交
        git commit -m "初始化"

        将本地项目连接到远程Git仓库
        git remote add origin https://gitee.com/serph/hello_vue3.git

        Gitee 仓库已有 test.txt 文件了。根据需要添加 readme 等文件（私有仓库可不考虑）。

        后续还需添加 .gitignore 文件。

        再进重新进入 VS Code 已经可以正常使用 Git 了。

        “+” ：在单个文件上是对单个文件暂存。在 “更改” 上是对所有更改的文件暂存。
        一定要输入提交注释，否则 VS Code 是会提交失败的。
        点击 “提交” ，将更改提交到远端。

        没有暂存就提交，VS Code 会提示。点击 “是”  暂存更改并提交。

         “同步更改” ：先同步远端（远端有变化，未同步到本地），再推送更改。

         “推送” ：直接推送更改（main 右侧圈的位置）。

        到此全部配置完成了，剩下就不用面对黑洞洞的命令行了。可以直接在 VS 里进行提交和推送以及其它操作了。

        其实 VS 里基本没有配置什么。看有人写在 “配置” >> git.path >> 在 setting.json 中编辑 >> git.path 来配置 git 的路径，其实配好了环境变量是不需要在这里配置的。
        后续其它操作且写且记录。这才算是自己好好打通了几遍（不知道是别人写的不完整，还是我太驽钝），这算是给自己一个备查。再写其它操作时可能就不这么详细了，简单说明一下，附个图就好了。