使用git把本地项目提交到码云上的步骤

131 阅读3分钟

1、打开码云:gitee.com 注册账号

点击 private => 点 +

填名称XXX、介绍、公开、语言:javascript、开原许可证:MIT License

创建

2、通过git把本地和线上关联,线上会记录本地每一步操作

百度git官网 , 下载git , 一直next就可以

cmd打开终端 :输入 git --version (输出版本号,ok)

git本地和线上关联:右上角设置 => SSH公钥 => 简要生成公钥 => 仓库管理、公钥管理 => 生成/添加SSH公钥

window: 安装好git后,桌面右键会有git bash,点击git bash,在Git bash里去执行生成公钥的命令,如下:

ssh-keygen -t rsa -C "注册码云的邮箱" => 回车键后会生成字符串(公钥,复制到码云的公钥中,点确定)

3、回到码云代码页,把线上项目克隆到本地

点克隆/下载,复制SSH的地址(这里必须是SSH地址,不是https地址)

进入git bash里:

clear

cd Desktop(或者进入其他文件夹)

git clone 复制的SSH地址(把线上仓库的代码克隆岛本地放在桌面上)

桌面上会多出XXX文件

4、在XXX文件里创建vue项目

cmd或者git bash:

npm install -g @vue/cli或者yarn global add @vue/cli

cd Desktop

vue init webpack xxx

y

xxx

回车

shujiabi

y

y

两个set的选择n,多选一般选择第一个

cd xxx

npm run dev (看启动成功没有!)

5、通过git把本地代码推到线上去,使本地项目和线上项目一致

ctrl+c (退出运行环境)

clear

cd xxx

git status

git add .

git commit -m 'project initialized'

git push

(执行完后看码云上的代码是否和xxx项目中的一致)

6、当报错时,把报错复制百度,一般会有答案,比如我这里遇到个报错

报错1:

1 git config --global user.email "注册码云的邮箱@qq.com"

2 git config --global user.name "shujiabi"

报错2:

我的步骤:

  1. 我没有找到node_modules”文件夹,所以直接在项目目录下: npm install;

  2. npm run build;

  3. npm run dev 成功后等几秒自动打开了localhost:8080

另外: 很久之前安装的node是需要升级的, 项目package.json中有最低版本的要求,所以要注意!

7、目录结构:

。。。

。。。

8、创建git分支

由于每开发一个新功能要创建一个git分支,然后在这个分支上进行代码开发,当代码开发完成之后,会把分支上的代码合并到master主分支上

打开码云官网 => 我的码云 => 项目xxx => 1个分支 => 新建分支 => 名称:YYY => 创建分支

这时线上会多出一个YYY分支,但本地没有这个分支,接下来需要把线上这个分支拉到本地

git bash:

cd XXX

git pull (这是会把线上YYY拉到本地)

git checkout YYY

git status

npm run dev(打开项目开始开发)

9、提交本地代码到线上仓库,并把分支合并到master分支上

git add .

git commit -m 'project initialized'

git push

git checkout master (切换到master分支上)

git merge origin/index-swiper (把线上的index-swiper分支上新增内容合并到本地master分支)

git push

10、用到的插件

npm install vue-awesome-swiper@2.6.7 --save