码云和git的使用
1:打开码云并注册登录自己的账号,用于管理我们的代码,以及我们代码的版本控制.
2:码云注册完成后,进入个人主页,创建自己的项目.如下图:

1.png
3:点击创建项目之后,跳转到创建项目的页面,如下图:

2.png
4:以上填写完成后,点击创建即可创建成功.
5:项目创建成功后,我们希望本地代码和线上代码通过git进行关联,这样我们本地修改的代码线上也可以保存.
6:如果想线上代码和本地代码做好关联,就需要在本地安装git.如何安装git.----我们打开百度,输入git,然后点击进去git的官网,即可看到git的下载地址,如下图

3.png
7:安装好git之后,回到我们的桌面上,cmd打开控制台,输入git --version然后回车,控制台输出版本号即代表git安装成功.
8:git安装完成后,回到我们的码云的网站上,将本地git和线上git做一个关联.这个时候我们就打开我们的码云,点击右上角头像里面的设置.如下图

4.png
在这里我们需要做一个公钥和私钥来打通线上和线下.点击ssh公钥,如下图

5.jpg
然后点击如何生成公钥,进入生成公钥页面,如下图

6.png
这里有告诉我们生成公钥的指令,但是这些指令是linux的指令,在我们cmd打开的窗口是没有办法操作的,这个时候,我们可以点击鼠标右键,有一个git bash 如下图

7.png
我们点击这个git Bash即可进入linux系统的窗口,然后我们就可以执行上面生成公钥的指令,第一步先输入这个指令,指令输入完成后点击回车即可,如下图

8.jpg
然后再输入下面这个指令,点击回车即可看到一串代码,如下图

9.jpg
实际上这个很长的字符串就是我们的公钥,我们把他复制下来进入到我们的码云里面,回到我们这个ssh公钥这个页面,然后把我们复制的公钥添加到这里,如下图

10.jpg
然后点击确定即可。
9:以上第八步做好之后,回到我们码云里面我们的项目代码管理的这个页面,接下来把线上这个项目克隆到我们本地,操作步骤如下图

11.png
然后回到桌面。
10:回到桌面后,在我们cmd命令行里面,切换到D盘,输入git clone 后面加上我们刚刚复制的一行代码,如下图

12.png
点击回车即可,这样我们就把线上的库文件克隆到我们本地了,但是我们这个文件夹里只有两个文件,这是我们需要创建我们的vue项目了。
11:创建vue项目,我们电脑上nodejs安装完成之后,我们来通过vue-cli来创建我们的项目。具体步骤如下图

13.png
,这样我们的项目就创建好了。
12:我们打开我们的本地的test文件夹可以看到,此时我们已经有很多文件了,但是我们码云上面的却没有更新,接下来我们就来同步我们码云线上的文件。
13:在cmd命令行中,在test目录下我们输入以下指令,具体如下图

14.png

15.png

16.png

17.png
以上指令输入完成后,我们码云线上的项目和本地的项目就同步成功。
网友评论