您现在的位置是:首页 > 名人名句

在webstorm中导入gitee的项目

作者:亙句时间:2024-04-25 09:44:30分类:名人名句

简介  文章浏览阅读758次。目录前言一、安装gitee插件二、安装git三、在webstorm中导入git四、导入gitee的项目五、使用git操作项目最近需要下载gitee上的项目,发现网上只有教怎么上传自己的项目到gitee的,没找到怎么下载的,因此写了这篇文章

点击全文阅读

目录

 

前言

一、安装gitee插件

二、安装git

三、在webstorm中导入git

四、导入gitee的项目

五、使用git操作项目


 

前言

最近需要下载gitee上的项目,发现网上只有教怎么上传自己的项目到gitee的,没找到怎么下载的,因此写了这篇文章,帮助自己的同时也帮助和我同样需求的朋友,如果这篇文章对你有帮助的话,点赞评论让更多人看到吧

一、安装gitee插件

在webstorm中安装gitee插件,步骤如下:

打开webstorm新建一个项目,在窗口左上角点击file->settings->Plugins,接着按照下图操作即可

bce4c82ce49f4295a09125c2709a3970.png

二、安装git

1.安装包,可以直接在我这篇文章顶部下载,或者去官网下载

我上传的文件解压后如下图所示:

45fa17f4febd47aa86c4b3db2866eccc.png

双击运行,然后嘞,全部默认安装就行,中间有个安装路径可以修改到自己想要的盘里,

实在不会的友友,可以参考下面这篇文章,这篇文章很详细的,几乎所有问题都包括了,还把每步啥意思都解释清楚了,安装的更放心哟!

git安装教程

出现下图所示两个按钮代表安装成功了,其中Git GUI是图形化界面,Git Bash是git的命令行窗口

ee1bce21697741aeb8b680d2dcf669c8.png

三、在webstorm中导入git

打开webstorm,在窗口的左上角选择file->setting,出现如下图的界面后,按照下图操作:

其中,第3步是你安装git的那个地址下面找到Git->bin->git.exe,复制其路径,找到这里即可

aebd66aeffff4bf2ab7767e84f5a0cfe.png

四、导入gitee的项目

1.在webstorm中按照如下图所示操作。即在菜单栏选择vcs->create git repository,接着会弹出窗口,选择所在的项目即可。你会发现所有名称的都变红了,不要担心这是正常现象。

3bd916b66b7142b8bd5446c022fef47a.png

把项目改成正常颜色,在菜单栏选择flie->settings,按照下图步骤即可,最后点击ok.关闭窗口。(这步可做可不做,我强迫症,看不得爆红哈哈)

cbf9a721a05444b39076d07f88388f4e.png

接下来就是导入gitee的项目了,打开gitee,找到你想导入的那个项目,找到链接,如下图,链接直接复制即可。

5c8b9b3f966a4f91a9a2ab30b0bcc619.png

在webstorm中按照下面的图依次操作

2e691c0fde724034967d396fc575e247.png

此处填写的URL就是刚才在gitee中复制的链接

6f9694e5bfbd4283ba7f579d2394dc85.png

e5e05ff6da7a434aa7b98bdc0a06b7c8.png

d217bd4c3a804c578a7975d0c2be7a58.png

最后,就成功导入了,对其进行一下

d125e22527144c24809802a32809cec9.png

五、如何才能运行导入的代码

我打开的这个,我的webstorm是基于vue3+element plus的,所以我找的代码也是差不多这种的,不包含ts部分,按照我说的前面四个步骤导入成功后,在webstorm中右上角部分选择下拉,选择edit configurations

e8e730b890af4ab1a5495edcd1a2b590.png

13543f6f7d354b7aa1f6cffc42a34823.png

e5ceab8dcc9a43d0bdb232761f0afe6a.png

下载npm依赖,在Terminal中输入npm i

8a646fd417e44b739e8796b6e3a1df93.png

然后回车,下载后没有任何错误后。

点击运行

2d9599ddfbde42dabd41f8bb83004ed8.png

结果出来啦

6187787e4aa94a8aa12a83889ca2f0d0.png

想要编辑代码,直接修改后运行就可以啦~

 

参考链接:

webstorm配置github/gitee_webstorm 没有gitee-CSDN博客

[精选]Git 详细安装教程(详解 Git 安装过程的每一个步骤)_git安装_mukes的博客-CSDN博客

WebStorm配置npm运行vue项目_webstorm 无npm dev脚本-CSDN博客

 

 

点击全文阅读

郑重声明:

本站所有活动均为互联网所得,如有侵权请联系本站删除处理

我来说两句