vue项目(六)vscode上传vue项目代码到gitee

一、安装git

桌面上右键,出现git相关的菜单就是安装成功了
在这里插入图片描述

二、在git官网上创建新仓库

https://gitee.com

点击右上角加号新建仓库,填写名称,点击创建即可

创建后git会给出简易命令,页面先不要关,后面用得到

在这里插入图片描述

在这里插入图片描述

三、在本地项目文件中配置git

1、找到本地vue项目的文件夹,cmd进去

在这里插入图片描述
2、git全局设置
在这里插入图片描述

3、初始化本地仓库

git init

这样项目目录里面会多出一个.git的文件夹(因为是隐藏文件,需要打开显示隐藏文件才能看到)

在这里插入图片描述

在这里插入图片描述

4、上传代码至本地仓库

添加项目目录下代码到本地仓库,“.” 代表全选,如果文件过大,可能需要较长的时间,耐心等待即可

git add .(点和add中间有空格)

在这里插入图片描述

四、本地仓库与远程仓库连接

先查看这个项目是否有连接远程仓库 git remote -v

如果有的话,可以先删除掉 git remote rm origin

现在连接仓库,复制下面的命令执行

执行完成后,可以在git官网上看到已经上传的项目代码

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

五、在vscode上传代码

1、vscode查看源代码管理,找到配置的项目选择远程,删除远程库,能看到刚刚配置好的远程仓库

这里不要真的删除,只是看下vscode里是否连接成功了

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

2、更改一个文件,上传新代码

about中加几个感叹号,可以在源代码管理中看到新增了一个更改过的文件

点击更改文件旁的加号,添加到暂存更改中

填写提交的描述,先拉取下远程仓库代码,然后点击提交,点击同步更改

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

3、查看是否上传成功

在源代码管理图里面看到历史提交,已显示刚刚提交的内容

在git官网上也能看到刚刚提交的内容

在这里插入图片描述

在这里插入图片描述

### 如何在 Ubuntu 上通过 VSCode 上传代码到服务器或远程仓库 #### 安装 Visual Studio Code (VSCode) 对于 Ubuntu 用户来说,在 Ubuntu Software 中可以直接搜索并安装 Visual Studio Code 或者按照官方指南进行安装[^1]。 ```bash sudo snap install --classic code ``` 这一步骤确保了开发环境中拥有最新版本的编辑器,从而支持后续操作所需的全部功能特性。 #### 配置 Remote - SSH 插件 为了能够顺利地连接至目标服务器,需先配置好 Remote - SSH 功能。具体做法是在 VSCode 内部调用命令面板(Shift + Ctrl + P),之后输入 `Remote-SSH: Connect to Host...` 来创建一个新的会话连接设置文件 `.ssh/config`[^2]: ```plaintext Host myserver HostName example.com User ubuntu Port 22 ``` 上述配置允许用户仅需指定简短的名字即可建立安全 Shell 连接,简化了日常使用的复杂度。 #### 使用 Git 工具同步代码库 当成功建立了与远程机器之间的稳定链接后,可以利用内置终端执行 git 命令来实现源码推送。在此之前要确认已初始化了一个本地git项目,并添加远端地址作为跟踪对象[^3]: ```bash cd /path/to/project git init . git remote add origin https://github.com/user/repo.git git pull origin main ``` 完成以上准备工作以后就可以正常提交更改并向云端发送更新: ```bash git add . git commit -m "Initial commit" git push -u origin main ``` 如果希望直接从图形界面发起这些动作,则可以通过左侧边栏中的 Source Control 图标访问对应的选项菜单来进行相同的操作流程。 #### 利用 Docker 提升部署效率 针对某些场景下的需求,还可以考虑借助Docker容器化技术进一步优化工作流。此时只需将公钥复制到宿主机上的相应位置以便验证身份,随后就能像平常一样启动镜像实例开展调试作业. ```bash cat ~/.ssh/id_rsa.pub | ssh user@host 'mkdir -p ~/.ssh && cat >> ~/.ssh/authorized_keys' ``` 此方法不仅提高了安全性还减少了重复劳动带来的不便之处。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值