vue3项目搭建-4-正式启动项目,git管理

安装插件：

npm install vue router

npm install eslint

完成目录：

需要添置文件夹：

apis -> api接口

composables -> 组合函数

directives -> 全局指令

styles -> 全局样式

utils -> 工具函数

git 管理：

常用 git 命令：

git init -> 初始化一个 git 管理的项目

git clone -> 拉取远程仓库的项目

git pull -> 将远程仓库的代码更新到本地，让版本一致，在提交前执行一下可以避免很多版本冲突的错误

git add . -> 提交所有文件，若把点换成指定文件的名字可以指定提交

git commt -m "本次提交的信息" -> 将改动的文件提交到本地仓库

git push -> 将改动的文件提交到远程仓库

git remote add origin 远程仓库连接 -> 设置远程仓库

git remote -v -> 查看远程仓库是否连接

git status -> 查看文件的状态信息

第一步，我们需要建立一个远程仓库

这里我使用的 geetee 创建

创建好之后点击克隆/下载按钮，可以拿到这个远程仓库的链接

一般我们直接选择第一个

第二步，初始化本地仓库，并连接远程仓库

初始化本地仓库：git init

连接远程仓库：git remote add origin https://gitee.com/evening-breeze-2003/vue3.git

查看链接是否正确：git remote -v

PS E:\JavaWeb\vue3-project> git remote add origin https://gitee.com/evening-breeze-2003/vue3.git
PS E:\JavaWeb\vue3-project> git remote -v
origin  https://gitee.com/evening-breeze-2003/vue3.git (fetch)
origin  https://gitee.com/evening-breeze-2003/vue3.git (push)

第三步，提交代码

提交所有文件：git add .

提交到本地仓库：git commit -m "第一次提交"

在提交前，先拉取一下，合并到本地，使版本一致：git pull

提交代码到远程仓库：git push

PS E:\JavaWeb\vue3-project> git commit -m "第一次提交"
[master 3f22c50] 第一次提交
PS E:\JavaWeb\vue3-project> git pull
There is no tracking information for the current branch.
Please specify which branch you want to merge with.
See git-pull(1) for details.

    git pull <remote> <branch>

If you wish to set tracking information for this branch you can do so with:

    git branch --set-upstream-to=origin/<branch> master

PS E:\JavaWeb\vue3-project> git push
Enumerating objects: 36, done.
Counting objects: 100% (36/36), done.
Delta compression using up to 8 threads
Compressing objects: 100% (30/30), done.
Writing objects: 100% (34/34), 40.34 KiB | 5.04 MiB/s, done.
Total 34 (delta 1), reused 0 (delta 0), pack-reused 0
remote: Powered by GITEE.COM [1.1.5]
remote: Set trace flag fe459997
To https://gitee.com/evening-breeze-2003/vue3.git
   06013a8..3f22c50  master -> master
branch 'master' set up to track 'origin/master'.

可能失败的情况

如果 git pull 拉取失败，可能会提示你是哪些文件有问题，不能上传，或者有冲突

PS E:\JavaWeb\vue3-project> git pull
error: Pulling is not possible because you have unmerged files.
hint: Fix them up in the work tree, and then use 'git add/rm <file>'
hint: as appropriate to mark resolution and make a commit.

我们根据提示，需要我们修改或者删除需要提交的某些文件

我们显示一下所有文件的状态：git status，可以看到 README.md 文件冲突了

我们将这两个文件的提交从 commit 之中删除

然后我们再次拉取，就可以发现拉取成功了

这次我们再进行 git push 操作就不会报错了，成功提交代码到远程仓库