主要步骤
-
VSCode终端创建项目
vue create 文件名 -
git创建仓库
-
连接仓库与项目（步骤如下）
方法一拷贝文件
git clone 复制到的链接- 拷贝除了.git文件以外的文件
git add .git commitgit push
方法二远程连接（推荐）
-
cd到原始项目目录
-
git remote add origin 远程地址链接 -
git push -u origin main
一、使用VScode创建vue项目
cd到想要创建项目的文件夹下，在终端使用管理员身份创建项目
vue create 项目文件夹名称
二、使用github
登录github，点击右上角的加号“+”新建仓库
进入创建仓库后，根据图片提示写入相关信息
点击确认之后就完成了一个仓库的创建， 以下是刚创建好的显示页面。
三、实现VSCode上创建的项目与github上创建的仓库的资源共享
先进入刚刚创建好的github仓库中，点击“code”，复制下面的https链接
VSCode中，在终端的项目的父文件中，输入git clone 复制到的链接，出现如下图所示就创建成功
为了实现仓库中有vue项目的内容，有两种方法，
1、直接拷贝文件内容
在文件管理中，进入VSCode创建的项目的文件夹中，复制除了.git文件的其他文件
粘贴到github上创建的仓库中
但是在VSCode中发现mall中复制上去的文件飘红，是因为这些文件代码没有在这个仓库的管理之下，可以在VSCode的终端下，进入到该仓库文件目录下，使用git status查看该文件夹中所有文件的状态，同样也可以发现这些文件都是红的。因此我们可以使用git add . 将这些文件全部添加进来。
使用
git commit -m "message"用于提交暂存区的文件，其中-m表示可以直接输入'message'，不加就不能输入，而是会调用一个vim让我们输入。message是我们用来简要说明这次提交的语句。
如下图所示就是已经成功提交
但是使用这个命令进行提交是提交到我们本地，因此我们还需要使用git push提交到服务器，如下图所示就是提交成功
最后，回到github页面中刷新一下页面，可以看到项目中的文件夹已经出现在仓库中了。
2、不拷贝，远程连接git
在VSCode终端中，cd到原始项目目录下，使用git remote add origin 远程地址链接回车,
后使用git push -u origin main
原理图：
