VUE3——001(02)、开发环境配置(vs code与git和gitee)

        一、配置 Git 路径

        系统装好,差不多的该安装的都安装了,剩下就是不用安装配置一下系统变量就行了(当然,不想配变量重新安装一遍也是可以的)。

        记得配好了 git 的变量,在 vs code 中总是刷不出来,依稀记得在 idea 中有个地方可以检查 git 的配置情况,尝试在 vs code 的设置找一下,却没找到。又不想重装 git (其实就是装),检查一下路径,貌似没问题。又在 cmd 中试了一下,也不出来。发现好像应该是变量配置有问题。仔细检查了一下,发现有地方配错了(我这里预先配了 %AppFolder% 的变量)。

        指向目录不应该是 Git 的根目录,而应该是其下的子目录 cmd,%AppFolder%\Git\CMD。

        还有一点,配好后要退出 vs code 再进入,直接刷新配置是没有用的。

        二、创建仓库

        登入 gitee,创建一个空仓库(不用初始化。假定已有本地项目,需同步到 gitee)。

        仓库创建完成后跳转下如下界面。

        先记下仓库链接,备用。
        mkdir(创建目录)、cd(切换目录)、touch(创建一个新的空文件)这几个命令先不用管。

        初始化一个新的 Git 仓库,并且将默认分支设置为 “main”。
        git init -b "main"
        -b:指定在初始化仓库时要创建的初始分分支。
        “main”:用作初始分支的分支名称。Git 的默认分支名 “master”。

        将所有文件添加到暂存区
        git add .

        查看暂存状态
        git status

        添加提交注释
        git commit -m "提交注释"

        红框内:
        将本地项目连接到远程Git仓库。
        git remote add origin https://gitee.com/xxxxxxxx/hello_vue3.git

        将本地仓库的更改推送到远程仓库的 main 分支。
        git push -u origin "main"
        -u:为推送的分支在远程仓库上设置一个上游(upstream)跟踪分支。

        三、配置 Git 仓库信息

        下面这段稍长,但有助理解记忆,着急的直接跳到 “利索点” 照做就对了。
        再下来就是配置用户名和邮箱以及生成 SSH 密钥对了(按自己的信息填入对应正确的信息)。打开git-bash,使用 cd 进入到项目文件夹(可以是空的)。
        它的语法因 shell 而和 cmd 的略不同, 稍微摸索一下就会了。

        简单附个图,/c是盘符,/xxxx 是目标文件夹。上述是从 d 盘 kugou 目录切换到 c 盘 windows 目录。下图是使用相对路径进入其下的 /system32/en 文件夹中。
        请自行体会(可使用 tab 可进行路径文件名补全)。

        使用相对路径切换到另一个目录。
        实在懒得记,就老实安装一遍,右键就有菜单 “git-bash here” 了

        切换到项目目录。

        git config --global user.name "username"
        git config --global suer.email "useremail"
        参数:“--global” 全局模式
        省略 “--global” 并在当前项目目录下,则配置参数对当前项目生效。

        生成 SSH 密钥对
        ssh-keygen -t rsa -C 'useremail'        (不输入全使用默认,连按三次回车)
        看生成提示(不输入文件路径名,默认保存在当前用户文件夹中,所有人通用:%USERPROFILE%\.ssh),找到 SSH 公钥文件打开将内容复制到 Gitee 公钥设置中。生成自己的 Gitee SSH 公钥。
        测试 SSH 连接是否正常。
        ssh -T git@gitee.com
        提示有如下红线标出(Hi……)就表示正常。

        如果不正常,请检查配置的用户名和邮箱,在 gitee 中删除已经生成的公钥,再次重新生成。

        四、利索点

        配置用户名、密码
        git config --global user.name "username"
        git config --global suer.email "useremail"

        生成 SSH 密钥对
        ssh-keygen -t rsa -C 'useremail'        (不输入全使用默认,连按三次回车)

        Gitee 添加公钥

        测试连接
        ssh -T git@gitee.com

        检查用户名、密码
        git config --global user.name
        git config --global user.email

        项目目录下,初始化一个新的 Git 仓库,并且将默认分支设置为 “main”
        git init -b "main"

        暂存文件(目录下有一个 test.txt 文件)
        git add .

        注释并提交
        git commit -m "初始化"

        将本地项目连接到远程Git仓库
        git remote add origin https://gitee.com/serph/hello_vue3.git

        Gitee 仓库已有 test.txt 文件了。根据需要添加 readme 等文件(私有仓库可不考虑)。

        后续还需添加 .gitignore 文件。

        再进重新进入 VS Code 已经可以正常使用 Git 了。

        “+” :在单个文件上是对单个文件暂存。在 “更改” 上是对所有更改的文件暂存。
        一定要输入提交注释,否则 VS Code 是会提交失败的。
        点击 “提交” ,将更改提交到远端。

        没有暂存就提交,VS Code 会提示。点击 “是”  暂存更改并提交。

         “同步更改” :先同步远端(远端有变化,未同步到本地),再推送更改。

         “推送” :直接推送更改(main 右侧圈的位置)。

        到此全部配置完成了,剩下就不用面对黑洞洞的命令行了。可以直接在 VS 里进行提交和推送以及其它操作了。

        其实 VS 里基本没有配置什么。看有人写在 “配置” >> git.path >> 在 setting.json 中编辑 >> git.path 来配置 git 的路径,其实配好了环境变量是不需要在这里配置的。
        后续其它操作且写且记录。这才算是自己好好打通了几遍(不知道是别人写的不完整,还是我太驽钝),这算是给自己一个备查。再写其它操作时可能就不这么详细了,简单说明一下,附个图就好了。

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

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

相关文章

Linux Vim教程:多文件编辑与窗口管理

目录 1. 多文件编辑基础 1.1 缓冲区管理 1.2 标签页管理 1.3 分屏管理 2. 多文件编辑的高级技巧 2.1 同时编辑多个文件 2.2 使用会话 2.3 使用寄存器 3. 窗口管理的实用技巧 3.1 窗口调整 3.2 窗口排列 3.3 快速切换 4. 使用插件增强多文件编辑与窗口管理 4.1 NE…

zabbix发送钉钉报警

钉钉机器人 https://www.jianshu.com/p/3a376a0c0b50 python3 脚本 #!/usr/bin/env python3 # pip3 install requests import sysimport requestskeyword "Zabbix"#alarmSubject sys.argv[1] #alarmMsg sys.argv[2]alarmMsg sys.argv[1]content {"msgty…

一篇文章讲清楚html css js三件套之html

目录 HTML HTML发展史 HTML概念和语法 常见的HTML标签: HTML 调试 错误信息分析 HTML文档结构 HTML5的新特性 结论 HTML HTML是网页的基础,它是一种标记语言,用于定义网页的结构和内容。HTML标签告诉浏览器如何显示网页元素,例如段落…

【轨物方案】成套开关柜在线监测物联网解决方案

随着物联网技术的发展,电力设备状态监测技术也得到了迅速发展。传统的电力成套开关柜设备状态监测方法主要采用人工巡检和定期维护的方式,这种方法不仅效率低下,而且难以保证设备的实时性和安全性。因此,基于物联网技术的成套开关…

photoshop学习笔记——选区

选区工具快捷键:M shift M 切换 矩形/椭圆选区工具 基本用法 选区框选出的地方被激活(其后进行的操作,仅在选区中生效) 选区工具选择后(以矩形选区为例) 按下鼠标左键拖动,画出一块矩形区…

【Java基础之lambda表达式的使用】

lambda表达式 什么是lambda表达式lambda表达式的格式使用场景使用前提省略规则 什么是lambda表达式 函数式编程思想(面向过程) 在数学中,函数就是有输入量和输出量的一套计算方法,就是拿“数据做操作”; 在面向对象的…

Transformer在时间序列预测上的应用1

Transformer在时间序列预测上的应用 摘要 Transformer最初是为了处理自然语言处理(NLP)任务而设计的,但由于其独特的架构和能力,它也被用于时间序列分析。Transformer应用于时间序列分析中的基本思想在于其自注意力机制,这使其能够有效捕捉时间序列数据中的长期依赖关系…

最新篇 接口测试工具Postman 企业常规面试题出炉~(附答案)

面试题目录 说下你对Postman的了解? Postman你在工作中使用流程是什么样的? Postman 你使用了哪些功能? Postman 里面如何管理测试环境? Postman如何设置关联? postman参数化有哪几种方式? 在postman中&…

Android平台RTSP|RTMP直播播放器技术接入说明

技术背景 大牛直播SDK自2015年发布RTSP、RTMP直播播放模块,迭代从未停止,SmartPlayer功能强大、性能强劲、高稳定、超低延迟、超低资源占用。无需赘述,全自研内核,行业内一致认可的跨平台RTSP、RTMP直播播放器。本文以Android平台…

浏览器【WebKit内核】渲染原理【QUESTION-1】

浏览器【WebKit内核】渲染原理【QUESTION】 1.浏览器输入一个网址(域名之后),浏览器会呈现一个新的页面,中间的过程是怎么实现的? 输入一个网址之后,首先DNS服务器会解析这个域名,将这个域名解析成IP地址&…

.NET 相关概念

.NET 和 .NET SDK .NET 介绍 .NET 是一个由 Microsoft 开发和维护的广泛用于构建各种类型应用程序的开发框架。它是一个跨平台、跨语言的开发平台,提供了丰富的类库、API和开发工具,支持开发者使用多种编程语言(如C#、VB.NET、F#等&#xf…

09 算术运算符

① 运算符除了用于算数加法以外,还可以用于列表、元组、字符串的连接,但不支持不同类型的对象之间的相加或连接。 print([1, 2, 3] [4, 5, 6]) # 连接两个列表 print((1, 2, 3) (4,)) # 连接两个元组 print(hello 123) # 连接字符串 print(Fa…

开发桌面程序-Electron入门

Electron是什么 来自官网的介绍 Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。 嵌入 Chromium 和 Node.js 到 二进制的 Electron 允许您保持一个 JavaScript 代码代码库并创建 在Windows上运行的跨平台应用 macOS和Linux——不需要本地开发 经验。 总…

与Bug较量:Codigger之软件项目体检Software Project HealthCheck来帮忙

在软件工程师的世界里,与 Java 小程序中的 Bug 作战是一场永不停歇的战役。每一个隐藏在代码深处的 Bug 都像是一个狡猾的敌人,时刻准备着给我们的项目带来麻烦。 最近,我就陷入了这样一场与 Java 小程序 Bug 的激烈较量中。这个小程序原本应…

wget下载github文件得到html文件

从github/gitee下载源文件,本来是22M下载下来只有11k 原因: Github会提供html页面,包括指定的文件、上下文与相关操作。通过wget或者curl下载时,会下载该页面 解决方式: github点击Code一栏的raw按钮,获得源…

【论文复现】Vision Transformer(ViT)

1. Transformer结构 1.1 编码器和解码器 翻译这个过程需要中间体。也就是说,编码,解码之间需要一个中介,英文先编码成一个意思,再解码成中文。 那么查字典这个过程就是编码和解码的体现。首先我们的大脑会把它编码,编…

遍历dom元素下面的子元素的方法,vue中原始标签的ref得到是该元素的dom及下面包含的子dom,与组件ref是引用不同

研究到这个的目的来源是 想用div 遍历方式 替代之前的table tr td 那种框选功能,觉得div灵活,可以随便在外面套层,td与tr之间就不能加div加了布局就乱,然后使用之前的原理( const cellList tableIdR.value.querySelec…

【反转链表 II】python刷题记录

印象中,这是遍历r2了,还好没放弃。 # Definition for singly-linked list. # class ListNode: # def __init__(self, val0, nextNone): # self.val val # self.next next class Solution:def reverseBetween(self, head: Optional…

C# struct里面的class是值类型还是引用类型

最近在接连的面试一些候选者,我发现很多候选者对于基础还是一知半解 很多人知道struct是值类型,class是引用类型 但是我补一句,如果一个struct里面有个class是值类型还是引用类型 很多面试者就答不出来了,其实这是个很简单的问题…

了解Selenium中的WebElement

Selenium中到处都使用WebElement来执行各种操作。什么是WebElement?这篇文章将详细讨论WebElement。 Selenium中的WebElement是一个表示网站HTML元素的Java接口。HTML元素包含一个开始标记和一个结束标记,内容位于这两个标记之间。 HTML元素的重命名 …