初建vue项目并使用git管理需要准备的事项

一, 下载git并安装

进入Git官网，直接下载安装
https://git-scm.com/

然后按照你的电脑操作系统来配置

下载完成后 直接next

启动git测试
开始菜单中看到Git的三个启动图标(Git Bash、Git CMD(Deprecated)、Git GUI)。

Git Bash是Git配套的一个控制台，点击打开如下图：
Git CMD(Deprecated)，是通过CMD使用Git(不推荐使用）
Git GUI是Git的可视化操作工具，点击打开如下图：

现在可以随便找一个文件鼠标右键看看是否有两个选项

安装后打开cmd输入git --version可以看到安装的版本号

git --version

Git安装完成！！

二，使用码云创建仓库

注册码云账号的话，新建仓库

点击创建后可以看到创建好的仓库，我们代码以后都放在这里，为此，需要让本地代码与线上关联起来

三，生成SSH公钥（关键）

进入码云—个人设置—SSH公钥，点击怎样生成公钥会有详细介绍

我们已经安装好Git ，现在我们打开Git Bash Here按照官方提供的生成/添加SSH公钥操作一步一步进行

//在Git Bash Here中输入
ssh-keygen -t ed25519 -C "xxxxx@xxxxx.com"    //这一行
# Generating public/private ed25519 key pair...

注意：这里的 xxxxx@xxxxx.com 只是生成的 sshkey 的名称，并不约束或要求具体命名为某个邮箱。

按照提示完成三次回车，即可生成 ssh key。通过查看 ~/.ssh/id_ed25519.pub 文件内容，获取到你的 public key

继续输入如下命令，查看 ssh key（我的为例）

cat ~/.ssh/id_ed25519.pub

如图下

复制这一段

进入仓库
添加到公钥栏中，确定后完成添加

添加后，在终端cmd中输入

ssh -T git@gitee.com

首次使用需要确认并添加主机到本机SSH可信列表。若返回 Hi XXX! You’ve successfully authenticated, but Gitee.com does not provide shell access. 内容，则证明添加成功。
添加成功后，就可以使用SSH协议对仓库进行操作了。

四，本地与线上关联部署

选择刚刚创建完毕的仓库点击clone，复制SSH下链接

在本地文件夹(你的代码存放位置)下通过鼠标右键Git Bash Here打开git的命令行终端，输入

//注意是git clone  加上你的ssh链接
git clone git@gitee.com:dpf1314/vue-applet.git

文件就下载到了本地

用vscode打开vue创建的项目

五，代码提交远程仓库

复制HTTPS

连接，在vscode终端输入代码

git remote add origin 加上你git仓库的HTTPS链接
—————————————————————————————————————————————————
git remote add origin https://gitee.com/dpf1314/vue-applet.git

如果出现
fatal: not a git repository (or any of the parent directories): .git
是因为没有.git的目录

解决方法
在终端输入

//是启用Git
git init

重新输入代码即可

git remote add origin https://gitee.com/dpf1314/vue-applet.git

之后会出现这个

原因：启用了git
在设置中搜索：Git:Enabled，取消勾选蓝框中的 是否启用Git 即可

（记录安装过程）

关于vue脚手架vue-cli搭建安装流程

关于vue脚手架vue-cli搭建安装流程