欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

20200716——gitlab实操记录/精通git阅读笔记/prop

程序员文章站 2022-06-22 11:55:27
一.gitlab上传实操// 初始化git文件git init // 添加远程仓库地址git remote add origin 仓库地址// 查看本地仓库当前的远程地址git remote -v// 提交本地代码git add .git commit -m "feat: update page"// 创建并切换到新的本地分支git checkout -b release-1.0.0-feature/zly_addPage_20200715// 查看本地分支......

目录

一.gitlab上传实操

报错:Git master branch has no upstream branch

报错: failed to push some refs to 'h ……

二.精通GIT 阅读笔记

提交本地代码到远程仓库 

修改远程仓库地址

三.Prop

1.通过 Babel 和 webpack 使用 ES2015 模块

2.昨天页面重构的优化方向

报错:Duplicated key 'title'  vue/no-dupe-keys 


一.gitlab上传实操

// 新建文件夹,克隆项目
git clone -b 远程分支名 远程仓库地址

// 在 vscode 中打开克隆下来的文件夹,在合适的文件夹下打开终端

// 创立并切换到本地分支
git checkout -b release-1.0.6-fix/zly_fixPage_20200717
Switched to a new branch 'release-1.0.6-fix/zly_fixPage_20200717'

// 查看当前本地分支
git branch
  release-1.0.6
* release-1.0.6-fix/zly_fixPage_20200717

// 安装mt-cli / 组件配置 / 运行项目
sudo npm install mainto-cli -g --registry https://...
yarn
npm run serve

// 修改项目

// 添加并提交修改 到本地当前分支
git add .
git status
git commit -m "fix: 组件拆分,样式优化"

// 切换到克隆分支,合并修改分支
git checkout release-1.0.6
git merge release-1.0.6-fix/zly_fixPage_

// 提交代码
git push
  • 此处出现报错和提示:

  • 报错:Git master branch has no upstream branch

  • 提示:git push --set-upstream origin release-1.0.0-feature/zly_addPage_20200715

 

  • 报错原因:由于远程仓库太多,且分支较多,git无法判断 push到哪里

 

  • 确定两个值 origin 和 master:
  1. origin 是在clone远程代码时,git创建的指向这个远程代码库的标签,它指向repository,可以用命令git remote -v查看
  2. master 是远程分支名,可以用git branch -a查看

 

  • 解决方法:
  1. git push --set-upstream origin master
  2. git push -u origin master
  • 区别:方法一需要保证远程分支存在,否则无法关联,方法二即使没有远程分支存在,也可以自动创建进行关联

 

  • 执行上面两种方法后,可能依旧会出现报错:
  • 报错: failed to push some refs to 'h ……

  • fatal: couldn't find remote ref master ……

 

  • 报错原因:README.md 等一些文件不在本地代码目录中

 

  • 解决方法:代码合并(pull=fetch+merge)
  • git pull --rebase origin release-1.0.0-featu…(远程分支名)
  • 然后重新执行git push xx

 

  • 问题完美解决

二.精通GIT 阅读笔记

  • 安装完 Git 的第一件事就是设置用户名与邮件地址,它会写入到每一次git提交中,不可更改。
  • 针对特定项目使用不同的用户名称与邮件地址时,可以在那个项目目录下运 行没有 --global 选项的命令来配置。 
  • $ git config --global user.name "John Doe"
  • $ git config --global user.email johndoe@example.com 

 

  • 将一个目录转变成一个Git仓库,生成。git命令   —— git init xx

 

 

  • git工作流程:克隆资源,添加修改文件,更新资源,提交前检查修改,提交修改,撤回提交

 

  • git commit -am '修改xxx’ —— 省去 git add/status 步骤
  • git rm -f <file> —— 如果删除之前修改过并且已经放到暂存区域的话,工作区的文件会一起删除
  • git rm --cached <file> ——如果把文件从暂存区域移除,但仍然希望保留在当前工作目录中,换句话说,仅是从跟踪清单中删除

 

  • git branch ——创建分支
  • git branch
  •   release-1.0.7-feature/zl_20200714
  • * release-1.0.8-feature/zly_20200714

 

  • git checkout ——切换分支
  • git checkout -b (branchname) ——创建新分支并立即切换到该分支下

 

  • git branch –d 本地分支名 ——删除本地分支(合并完成后,删除指定的分支)
  • git push origin --delete xxx ——删除远程分支
  • git branch –D 本地分支名 ——删除已经commit但是没有push的本地分支

 

  • git merge ——一定先切换到主分支上,把其他分支合并到主分支
  • git log ——查看提交日志

 

  • git remote ——查看远程仓库
  • git fetch ——从远程仓库下载新的分支和数据
  • git merge ——执行 git fetch 之后紧接着执行 git merge 远程分支到你所在的任意分支

 

  • 假设远程仓库的内容进行了修改
  • 想再本地更新修改:git fetch origin master 远程名/分支名
  • $ git fetch origin master 
  • remote: Counting objects: 3, done.
  • remote: Compressing objects: 100% (2/2), done.
  • remote: Total 3 (delta 0), reused 0 (delta 0), pack-reused 0
  • Unpacking objects: 100% (3/3), done.
  • From github.com:tianqixin/runoob-git-test
  •    0205aab..febd8ed  master     -> origin/master // 说明 master 分支已被更新
  • 然后将更新内容同步到本地;git merge origin/master

 

  • git push origin master ——推送本地的 master 分支到远程 origin,涉及到远程以及分支,当然也得分开

 

提交本地代码到远程仓库 

  • git add .
  • git commit -m "介绍"
  • git pull origin 远程分支名
  • git push origin 远程分支名

 

修改远程仓库地址

  • 方法一:通过命令直接修改远程地址
  1. 进入git_test根目录
  2. git remote 查看所有远程仓库, git remote xxx 查看指定远程仓库地址
  3. git remote set-url origin xxx
  • 方法二:通过命令先删除再添加远程仓库
  1. 进入git_test根目录
  2. git remote 查看所有远程仓库, git remote xxx 查看指定远程仓库地址
  3. git remote rm origin
  4. git remote add origin xxx

三.Prop

1.通过 Babel 和 webpack 使用 ES2015 模块

  • 推荐创建一个 components 目录,并将每个组件放置在其各自的文件中。
import ComponentA from './ComponentA'
import ComponentC from './ComponentC'

export default {
  components: {
    ComponentA,
    ComponentC
  },
  // ...
}

2.昨天页面重构的优化方向

  • 给按钮去除默认样式边框:border: none; / outline: none;
  • 组件传值 不传整个cate,而是用哪里传哪里:
  • <CateTitle :title="cate.cateTitle" />

    <CateList :list="cate.cateList" />

  • prop 用来传递初始值;子组件希望将其作为本地的 prop 数据来使用

  • 在这种情况下,最好定义本地的 data property, 并将这个 prop 用作其初始值

  • 就是设置 props默认初始值

<template>
  <p class="cate-title">{{cateTitle}}</p>
</template>

<script>
export default {
  name: 'CateTitle',
  // 接受父组件传来的值
  props: ['title'],
  data () {
    return {
      //  prop 用来传递初始值;子组件希望将其作为本地的 prop 数据来使用
      cateTitle: this.title
    }
  }
}
</script>
  • 报错:Duplicated key 'title'  vue/no-dupe-keys 

  • 报错原因:创建对象字面量时不允许键重复,上面的 title已经存在,所以不可以写成 title:title,应该改写为: cateTitle: this.title
  • 补充:prop 以一种原始的值传入且需要进行转换
  • 在这种情况下,最好使用这个 prop 的值来定义一个计算属性
props: ['size'],
computed: {
  normalizedSize: function () {
    return this.size.trim().toLowerCase()
  }
}

 

本文地址:https://blog.csdn.net/Lyrelion/article/details/107378641

相关标签: 日记