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

目录

一.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 [e-mail] 

 

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

 

• 我的Mac 配置信息：
• meowtea@MeowdeMacBook-Pro ~ % git config --list
• user.name=zly
• user.email=zheyu**[e-mail]

 

• 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