VisualStudioCode上传到Gitee教程

VScode代码上传到Gitee

一、下载Visual Studio Code(VS Code)

1.下载安装包

​ VS Code的官网:http:// https://code.visualstudio.com/
​ 官网下载链接:https://az764295.vo.msecnd.net/stable/dfd34e8260c270da74b5c2d86d61aee4b6d56977/VSCodeUserSetup-x64-1.66.2.exe
​ 改成:将下载链接中的“az764295.vo.msecnd.net” 替换为国内镜像地址“vscode.cdn.azure.cn”,下载速度加快
​https://vscode.cdn.azure.cn/stable/dfd34e8260c270da74b5c2d86d61aee4b6d56977/VSCodeUserSetup-x64-1.66.2.exe

2.安装

​ 运行下载的安装程序

3.安装扩展

​ 在左边的工具栏点击扩展(Ctrl + Shift + X),搜索框中搜索需要的扩展,点击“安装”。

在这里插入图片描述

​ 推荐需要安装的vscode插件:
Chinese (Simplified) Language Pack for Visual Studio Code
view in browser
live serve
Easy LESS
Vue VSCode Snippets
Vetur
JavaScript (ES6) code snippets
HTML CSS Support
IntelliSense for CSS class names in HTML

二、下载Gitee

1.在官网下载会速度很慢,就找个镜像版加持

​ 官网:https://git-scm.com/

在这里插入图片描述

选择一个最新的版本号,这里2.43.0

然后进入:https://registry.npmmirror.com/binary.html?path=git-for-windows/
在这里插入图片描述

看个人电脑,选择32位或者64位
在这里插入图片描述

2.安装
(1)选择自己常用的位置

不要选择默认的,除非自己习惯用那个。
因为Git还需要配置一些东西,最好这个文件地址容易找。

一路next…

这一步:
在这里插入图片描述

倒数第三步:就是得到管理凭证,比如登录的账号名、密码等

在这里插入图片描述

如果有新推出的功能,可能存在着bug,最好不要使用。

最后一步:
在这里插入图片描述

三、下载Node.Js中文网

1.下载

进入官网:https://nodejs.p2hp.com/

直接下载

2.检查是否安装好Node
(1)在桌面右击打开Git Bash Here

在这里插入图片描述

(2)运行node -v (输入的空格都不可忽略)

在这里插入图片描述

(3)继续运行npm install npm@latest-g 安装最新版本
(4)继续运行npm -v

在这里插入图片描述

四、Gitee仓库密钥配置全流程

1.在桌面右击打开Git Bash Here
2.设置全局 用户名 和 邮箱
git config --global user.name 用户名
git config --global user.email 邮箱

完成后打开 C盘 User目录,会看到 Git 的配置文件**.gitconfig**,里面就存放着配置的用户名和邮箱
在这里插入图片描述

用记事本打开后,填写用户名和邮箱,并保存
在这里插入图片描述

可以使用 git config --list命令查看配置信息

git config --list  //命令查看配置信息

在这里插入图片描述

至此,用户信息就配置完成了。

3.生成公钥和私钥,及查看

先输入

ssh-keygen -t rsa -C 邮箱

两次回车键后在

(y/n)?后面输入yes

然后一直回车
在这里插入图片描述

再次来到 C盘

根据上面显示的目录,查找到看到生成了.ssh文件,打开

可以看到生成了公钥以及私钥
在这里插入图片描述

或者使用cat ~/.ssh/id rsa.pub查看公钥
在这里插入图片描述

4.将公钥配置到Gitee等代码托管网站

打开Gitee网站:https://gitee.com/
在这里插入图片描述

在左侧查找点击

在这里插入图片描述

添加公钥

在这里插入图片描述

5.配置 .ssh 后首次连接需要确认秘钥真实性

在配置了 ssh 后,在命令行下首次克隆项目时会提示该 ssh 连接无法确认真实性,需要人为确认是否继续,此时输入yes 即可实现 ssh 配置,并执行克隆

git clone git@gitee.com:hss_swallow/myhis.git

在这里插入图片描述

克隆成功后,会自动在.ssh 目录生成 known hosts 文件把私钥配置进去
在这里插入图片描述

五、在Gitee中新建仓库

在这里插入图片描述

在这里插入图片描述

六、在Visual Studio Code中提交项目

1.在Visual Studio Code打开项目
先建立文件夹,写点代码,然后用VS打开(已经有写好的代码直接用)

在这里插入图片描述

2.打开终端
终端 —>新建终端

在这里插入图片描述

3.在终端中执行以下语句
(1)初始化仓库
git init
(2)提交你要提交的文件名称 ,add后面更文件的名称 ,“.” 的意思就是所有文件
git add .
(3)这次提交所修改的注释,就是记录你这次提交修改了哪些东西,第一次提交就是说这是第一次提交的记录
git commit -m "test提交" 

在这里插入图片描述

(4)定位到gitee代码仓库
git remote add origin gitee代码仓库网址

查找方法有两种:

在这里插入图片描述

或者输入:

git remote add origin git@gitee.com:hss_swallow/gittest.git
(5)提交到远程主分支上
git push origin master
(6)上传成功

在这里插入图片描述
在这里插入图片描述

七、在VS code修改项目后可以输入描述并提交到Gitee

在这里插入图片描述

至此,整个流程结束,恭喜你学会了如何提交的所有步骤!!!!

  • 1
    点赞
  • 16
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值