如何在WebStorm中上传文件到gitee(码云)

1,211 阅读4分钟

如何在WebStorm中上传文件到gitee(码云)

1.首先在gitee中先创建仓库

image-20211003121633118.png

2.然后在webstorm中克隆远程仓库到本地仓库(本地git的外存空间中)

注意:这里可以自己网上查找在webstorm中安装git的方法。(先下载git软件安装在windows上,后在webstorm中安装git插件)

不同版本可能会不一样,只要在菜单栏中找到VCS选项 ,依次点击 VCS -- > Git -- > Clone

image-20211003121749108.png


3.然后选择将远程仓库克隆到本地的路径。

URL栏填写的是gitee网站上,所建立的远程仓库所独有的url* ,在上面的第一张图片上显示有复制url的按钮**

在新建的gitee文件夹,克隆后,然后会出现隐藏的.git子文件夹(一般都是隐藏的)

image-20211003123046860.png

image-20211003122510090.png

然后会弹出打开新目录的提示,可以选择Yes进入新建的文件夹内“eg:giteeWarehouse” ,也可以不进入,这里建议只选择“No”或者关闭窗口。以便跟随小编的步伐

image-20211003123214731.png

4.当初始化使用建立本地仓库(即之前没有在webstorm中输入过gitee网站上的帐号和密码),必需填写帐号和密码

注意:更改了仓库后,如果选择当前项目(eg:giteeWarehouse),右键后没有“GIt”,需要重新启动webstorm。即刷新webstorm

(1. 然后再连接到远程仓库 VCS --> Git --> Remotes

image-20211003123759804.png 选择一个远程仓库,点击“ok”确认连接。

如果没有连接到远程仓库,则需要点击右上角的添加添加名称可以填写"origin",也可自定义其它名称,URL栏还是填写远程的URL地址

image-20211003123843647.png

image-20211003124003292.png (2.当前已经成功克隆下gitee的远程创库,就可以进行操作。然后就可以在gitee文件夹下添加、删除、修改文件等操作。* *

image-20211003124133413.png

5.修改git文件夹后,开始将本地数据到远程仓库

(以上是初始化内容,下面是正式提交)

注意: 更改了仓库后,如果选择当前项目(eg:gitee),右键后没有“GIt”,需要重新启动webstorm。即刷新webstorm

方法一:在项目下进行上传(稳定、有效、但比较缓慢)

(1、 在本地git的外存空间中添加当前项目下的文件,(添加后的文件一般会从红色变成绿色, 在项目下一般会有.git的隐藏文件夹,giteeWarehouse/.git)* * 右键giteeWarehouse文件夹,选择Git -- > Add (相当于进入giteeWarehouse文件夹,在~/giteeWarehouse文件路径下操作类似)

image-20211003124411533.png (2、 给本次提交命名(最好保证每次都是不相同的名称) ​ 再右键gitee文件夹,选择 GIt > Commit Directory, 选择提交的文件与文件夹, 输入本次提交的名称后, 选择 右下方的”下拉框“ 按钮,注意:不是点击Commit,而是点击Commit右侧的小三形。* 然后点击下拉框中的“Commit and Push” 按钮

image-20211003124509935.png

image-20211003125236692.png (3、 最后再将本地的git外存空间文件推送到远程仓库,完成本次提交。然后会弹出提示框,点击“push”按钮,

image-20211003125732804.png (1)如果成功提交或者失败,一般会在右下角弹出提示框(也可能不提示)。如果需要看当前的提交状态,在右下角的“event Log”可以查看日志。只要不出现"error"或者“warning”,都可以认为上传成功。

image-20211003130009724.png (2)当前已经成功将本地仓库中的数据提交到远程仓库中

image-20211003130059152.png

方法二:右上方有“Git图标”,从右侧有个侧“V” 形的图标 是commit功能(高效)

需要提交时,依次点击就可以快速完成提交, 不同的版本,可能存在差异。只要记住一点,在本地上传数据到远程仓库,一定是 git add . >>> git commit -m "xxxx" >>> git push 三步走的流程

注意一:允许不以当前的项目作为编译器导入的工作空间,只要包含本地仓库和可以通过url连接相应的远程仓库就可以, 当前小编就是没有以当前项目“eg:giteeWarehouse”作为webstorm导入的工作空间注意二:添加文件时,切记复制文件,而不是移动到编译器中的本地仓库,否则,原来的文件只存在于本地的仓库中

image-20211003130329164.png 然后就直接进入提交页面,操作步骤同上

image-20211003130435754.png

方法三:使用命令行提交数据到远程仓库(cmd)

(1.进入到当前项目的文件路径

右键“eg:gitee”项目,选择“Open in Terminal",再点击"Terminal "(也可以点击pychar底部的 "Terminal",进入命令行模式,再使用cd XXX/xxxx/giteeWarehouse 进入到当前项目的文件路径)

image-20211003130614046.png

image-20211003131019452.png (2..将当前目录下的文件添加到本地的git外存空间中

在命令行中输入“git add .” (输入后,不会有任何报错和警告即为正常)

image-20211003131047807.png 2.给本次提交命名(gitee网站本身提供的服务是版本控制,而输入提交的命名,就可以作为控制版本的要素)

image-20211003131136350.png 3.最后,推送本地的git外存空间的数据到远程仓库中

在命令行中输入 “git push”,即可完成推送

image-20211003131219828.png 因此,三种方法,各有所长。希望大家多多体会一下

\