Vue3商店后台管理系统设计文稿篇(四)

news2024/12/22 17:13:51

记录使用vscode构建Vue3商店后台管理系统,这是第四篇,主要记录使用git与vscode将代码同步提交到GitHub上面

文章目录

  • 一、Git与Github建立连接
  • 二、配置开发工具
  • 三、实用Git命令
    • 仓库相关命令
    • 分支相关命令


正文内容:

一、Git与Github建立连接

  • 使用如下命令设置Git中的用户名
    git config --global user.name ‘Simon’
    使用命令yarn --version查看yarn安装版本,检测是否安装成功
  • 使用如下命令设置Git中的邮箱
    git config --global user.email ‘nk@crazymen.cn’
  • 使用如下命令查看设置的结果
    git config --global -l
    设置成功后,查看设置结果如下图所示:
    在这里插入图片描述
  • 使用如下命令配置ssh
    $ ssh-keygen -t rsa -C "nk@crazymen.cn"
    执行上面命令后,连续点击回车三次,可以得到公钥文件和私钥文件,保存路径如下图所示:
    在这里插入图片描述
  • Github中添加公钥
    打开自己的Github主页,按照如下图所示进行操作
    在这里插入图片描述
    在这里插入图片描述
  • 使用如下命令验证是否配置成功
    ssh -T git@github.com
    配置成功后,命令执行结果如下图所示:
    在这里插入图片描述
  • 在Github上面创建公共库shop,创建成功后如下图所示:
    在这里插入图片描述
  • 在本地项目文件夹使用下面命令初始化本地Git仓库
    git init
  • 使用下面命令查看本地仓库状态
    git status
  • 将当前目录所有的文件提交到暂存区
    git add .
  • 提交文件到本地仓库
    git commit -m '备注信息'
  • 打开Github仓库页,复制项目仓库的SSH地址,地址信息如下图所示:
    在这里插入图片描述
    使用如下命令配置Git的远程仓库
    git remote add origin git@github.com:crazymen-nanke/shop.git
    这条命令的格式是git remote add 仓库别名 仓库地址,仓库别名是自定义的名称,仓库地址是上图复制的地址信息
    使用命令git remote查看自定义的远程仓库别名,git remote -v命令查看远程仓库信息
    执行结果如下图所示:
    在这里插入图片描述
  • 使用如下命令提交本地仓库代码到远程仓库,第一次提交需要使用 -u 命令,之后向master分支push就不需要 -u 命令
    git push -u origin master
    执行结果如下图所示:
    在这里插入图片描述
    至此本地仓库的代码已经提交到Github仓库的master分支,现在打开Github仓库,显示如下图所示:
    在这里插入图片描述
    仿佛并没有刚刚提交的代码,答案是并没有,这是因为设置的默认分支是main,并不是master;此时读者可能会想,既然默认分支是main,那可以将master分支中的代码合并到main即可;
    现在执行命令git checkout main,将分支切换到main分支,使用合并命令git merge master,执行结果如下图所示:
    在这里插入图片描述
    这是因为master是主分支,main并不是主分支,仅仅是默认分支,关于分支的介绍如下图所示:
    在这里插入图片描述
    从Github官方文档中得到信息,main是Github新存储库中默认分支名,一般情况,笔者更希望,打开Github中的项目仓库后,直接显示master分支内容,现在有两个解决方案
  1. 不修改Github默认分支,当提交代码的时候,将本地仓库master分支与远程仓库main关联,提交本地仓库代码到远程仓库的main分支
  2. 修改Github默认分支为master

笔者采用后者的方式,修改Github默认分支为master,修改方法如下图所示:
在这里插入图片描述
现在打开Github项目仓库,就会看见master分支代码,如下图所示:
在这里插入图片描述

二、配置开发工具

  1. 打开开发工具,按照如下图所示进行操作
    在这里插入图片描述
  2. 在settings.json中编辑如下内容,配置本地git.exe可执行文件的路径地址
    "git.path": "D:/Program/Git/cmd/git.exe"
  3. 将配置保存后,重新打开开发工具,可以图形化操作Git
    在这里插入图片描述

三、实用Git命令

仓库相关命令

  1. git init命令初始化本地代码仓库
  2. 使用如下命令配置用户信息,配置信息存放在系统的用户目录下 C:\Users<当前系统的用户名>.gitconfig 文件

git config --global user.name “你的名字”
git config --global user.email “你的邮箱”

  1. git config --list查看 我们配置的用户名和邮箱
  2. git status查看工作区文件状态
  3. git add 文件名将单个文件添加到暂存区
  4. git add .将当前目录下所有文件添加到暂存区
  5. git commit -m '描述信息'将暂存区代码提交到版本库
  6. git commit -am将工作区的文件提交到版本库中(前提是文件之前被提交过)git add和git commit -m的组合技
  7. git log列出从当前版本为止全部的提交日志
  8. git checkout -- 文件名拉取暂存区的指定文件将其替换工作区的文件
  9. git checkout -- .拉取暂存区的全部文件将其替换工作区的全部修改

分支相关命令

  1. git branch查看本地仓库的分支情况
  2. git branch -r查看远程仓库的分支情况
  3. git branch -a查看本地与远程的所有分支情况
  4. git branch 分支名字创建分支
  5. git checkout -b 分支名字创建分支,并切换到新创建的这个分支上
  6. git checkout 分支名字切换分支
  7. git merge 需要合并的分支合并分支,先切换到主分支master;合并如果出现冲突,请与开发人员商量后,不要忘记执行git commit -am将工作区的文件提交到版本库中
  8. git branch -d 分支名字删除分支;没有合并过的分支,但是里面有代码修改,使用 -d 删除,是删除不了的。确定要删除,就用 -D
  9. git remote add <远程连接别名,一般默认使用origin> <远程仓库的https地址或ssh地址>远程库与本地库关联
    如:git remote add origin git@github.com:crazymen-nanke/shop.git
  10. git remote remove 远程库链接别名删除远程库与本地库关联
  11. git remote -v查看本地库与远程库的关联信息
  12. git push 远程库链接别名 master推送到远程仓库master分支

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/165199.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

从0到1【建站:AWS+Ubuntu+Python+Django+uwsgi+nginx+ssl】

目录一、创建服务器1、进入AWS官网2、启动实例3、创建新密钥对4、选择密钥对5、网络设置6、配置存储7、启动实例8、查看实例9、配置安全组二、连接服务器1、在AWS官网进行连接2、使用Xshell7进行连接3、设置允许root登录三、域名解析1、进行腾讯云官网2、管理域名解析3、绑定公…

xilinx ZYNQ 7000 XADC 片上模拟转数字模块

上图所示&#xff0c;XADC 属于 PL部分的资源 XADC是一种硬逻辑实现&#xff0c;位于PL功率域。PS- xadc接口是PS的一部分&#xff0c;可以被PS APU访问&#xff0c;而不需要对PL进行编程。PL必须上电才能配置PS-XADC接口、使用PL- jtag或DRP接口以及操作XADC。 上面的机构图能…

通关算法题之 ⌈回溯算法⌋

回溯算法 子集组合排列 78. 子集 给你一个整数数组 nums&#xff0c;数组中的元素互不相同 &#xff0c;返回该数组所有可能的子集&#xff08;幂集&#xff09;。解集不能包含重复的子集&#xff0c;你可以按任意顺序 返回解集。 输入&#xff1a;nums [1,2,3] 输出&…

LeetCode 5. 最长回文子串

&#x1f308;&#x1f308;&#x1f604;&#x1f604; 欢迎来到茶色岛独家岛屿&#xff0c;本期将为大家揭晓LeetCode 5. 最长回文子串&#xff0c;做好准备了么&#xff0c;那么开始吧。 &#x1f332;&#x1f332;&#x1f434;&#x1f434; 一、题目名称 LeetCode 5…

1590_AURIX_TC275_PMU_Flash的操作

全部学习汇总&#xff1a; GreyZhang/g_TC275: happy hacking for TC275! (github.com) 这里提到的这个复位读取操作&#xff0c;复位的对象其实是当前的操作&#xff0c;也就是命令序列。主要是命令序列的最后一个命令还没有被接收到&#xff0c;都可以被这个命令中断。在复位…

目标检测:特征金字塔网络(Feature Pyramid Network)

目标检测&#xff1a;特征金字塔网络&#xff08;Feature Pyramid Network&#xff09;概述核心思想概述 由于在目标检测任务中&#xff0c;对与大目标的检测&#xff0c;需要feature map每个点的感受野大一点&#xff08;高层语义特征&#xff09;&#xff0c;对于小目标&…

GPIO 八种工作模式及其硬件框图

参考资料: STM32F1xx 官方资料:《STM32中文参考手册V10》- 第 8 章通用和复用功能 IO(GPIO 和 AFIO) GPIO 是通用输入/输出端口的简称,是 STM32 可控制的引脚。GPIO 的引脚与外部硬件设备连接,可实现与外部通讯、控制外部硬件或者采集外部硬件数据的功能。 STM32 的八种 …

图像融合笔记(一):RFN-Nest

RFN-NestAbstractIntroductionRelated worksThe proposed fusion frameworkThe architecture of the fusion networkTwo-stage training strategy论文&#xff1a; RFN-Nest: An end-to-end residual fusion network for infrared and visible images代码&#xff1a; https://…

[Android Input系统]MotionEvent的序列化传送

这里从云游戏的触控操作看起&#xff0c;PC端的客户端支持按键和鼠标滑动操作&#xff0c;手机上的云游戏客户端则是和手机游戏一样的touch触控&#xff0c;客户端的touch操作是怎样处理给服务端的呢&#xff0c;猜测是把touch操作“实时”的传送给了服务器&#xff0c;Android…

COM,Component Object Model 简介

COM&#xff0c;Component Object Model 简介 1. COM 是什么 COM 的英文全称是&#xff0c;Component Object Model&#xff0c;中文译为&#xff0c;组件对象模型。它官方的概念是&#xff1a; The Microsoft Component Object Model (COM) is a platform-independent, dis…

一个简单、功能完整的开源WMS​仓库管理系统

今天给大家推荐一个简单、功能完整的仓库管理系统。 项目简介 这是基于.NetCore 7、Vue 3开发的开源项目&#xff0c;支持中英文&#xff0c;界面简单清爽&#xff0c;采用前后端分离架构。 该项目主要是针对小型物流仓储供应链流程&#xff0c;采用的技术也都比较新&#x…

Redis基础配置之RDB持久化

测试环境&#xff1a; windows RDB的触发机制 save bgsave flushall 自动触发(配置文件配置) save命令触发&#xff1a; 触发方式 &#xff1a;首先手动删除dump.rdb文件。 当执行save命令时&#xff0c;自动生成dump.rdb文建测试成功 bgsave命令触发&#xff1a; 触…

jsp网络课程管理系统Myeclipse开发mysql数据库web结构java编程计算机网页项目

一、源码特点 JSP 网络课程管理系统 是一套完善的web设计系统&#xff0c;对理解JSP java编程开发语言有帮助&#xff0c;系统采用web模式开发&#xff0c;系统具有完整的源代码和数据库&#xff0c;系统主要采用B/S模式开发。开发环境为TOMCAT7.0,Myeclipse8.5开发&#xff…

JVM内存组成简介

按照官方的说法&#xff1a;“Java 虚拟机具有一个堆&#xff0c;堆是运行时数据区域&#xff0c;所有类实例和数组的内存均从此处分配。堆是在 Java 虚拟机启动时创建的。”“在JVM中堆之外的内存称为非堆内存(Non-heap memory)”。可以看出JVM主要管理两种类型的内存&#xf…

【C语言航路】第十二站:自定义类型:结构体、枚举、联合体

目录 一、结构体 1.结构体的基础知识 2.结构体的声明 3.特殊的声明&#xff08;匿名结构体&#xff09; 4.结构体的自引用 5.结构体变量的定义和初始化 6.结构体的内存对齐 7.修改默认对齐数 8.结构体传参 二、位段 1.什么是位段 2.位段的内存分配 3.位段的跨平台问…

小程序目录结构和全局配置

小程序目录结构和全局配置小程序目录结构目录结构和web结构对比全局配置—pages & windows配置文件简介全局配置pages & window全局配置—tabBartabBar简介页面配置页面配置简介小程序目录结构 目录结构 和web结构对比 全局配置—pages & windows 配置文件简介 …

块级元素、行内元素、元素嵌套

HTML标签有两类&#xff1a;块级元素行内元素 &#xff08;1&#xff09;块级元素-默认总是在新行开始 div、h1~h6、blockquote、dl、dt、dd、form、hr、ol、p、pre、table、ul … 特点&#xff1a;总是在新行上开始&#xff0c;高度、行高以及顶和底边距都可控制&#xff0c;宽…

Kubernetes_HPA实践使用

文章目录一、前言二、配置APIServer和安装Metrics2.1 APIServer开启Aggregator2.2 安装Metrics Server (需要用到metris.yaml)安装metrics Server之前安装metrics Server之中全部命令实践演示安装metrics Server之后三、使用HPA测试 (需要使用到test.yaml&#xff0c;里面包括 …

明清专题数据库:企业匹配官办书局距离、科举考试、商帮文化变量等

一、企业到明清官办书局&#xff0c;印刷局的最小距离测算 以明清进士数量的地域分布测度儒家文化的历史积淀&#xff0c;使用企业到古代印刷局的距离作为工具变量解决内生性问题&#xff01; 数据来源&#xff1a;自主整理 时间跨度&#xff1a;-- 区域范围&#xff1a;全国…

第十四届蓝桥杯单片机组学习笔记(1):点亮板子第一个LED

点亮板子第一个LED前言单片机IO控制M74HC573M1R-数据锁存器74HC138-38译码器代码前言 使用CT107D实验板子的时候可以看到为了IO口对多个外设的复用&#xff0c;所以板子使用了几个锁存器来对LED、数码管、蜂鸣器等外设进行了一个选择&#xff0c;最后再使用38译码器来使用三个…