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:
我的步骤:
-
我没有找到node_modules”文件夹,所以直接在项目目录下: npm install;
-
npm run build;
-
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