当前位置: 代码网 > it编程>编程语言>Javascript > VisualStudioCode上传到Gitee教程

VisualStudioCode上传到Gitee教程

2024年08月01日 • Javascript •我要评论
保姆级别教程,一步一步从VS Code、Git、Node.js等到 Gitee,稳稳教你如何提交文档到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

在这里插入图片描述

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

赞 (0)

相关文章:

版权声明:本文内容由互联网用户贡献,该文观点仅代表作者本人。本站仅提供信息存储服务,不拥有所有权,不承担相关法律责任。 如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 2386932994@qq.com 举报,一经查实将立刻删除。

发表评论

验证码:
Copyright © 2017-2026  代码网 保留所有权利. 粤ICP备2024248653号
站长QQ:2386932994 | 联系邮箱:2386932994@qq.com