码迷,mamicode.com
首页 > Web开发 > 详细

【原】无脑操作:Webstorm集成Git/Github

时间:2019-10-01 18:46:06      阅读:100      评论:0      收藏:0      [点我收藏+]

标签:选择   服务   路径   密码   file   粘贴   tab   推送   仓库   

Webstorm作为前端开发的主流工具,对Git及Github可以非常简便的集成。

1、开发环境:(如何安装就不说了)

① Webstorm 2018

② git version 2.20.1

③ Github注册用户

---------------------------------------------------------------------------------------------------------------

2、Webstorm的工具设置:

① 菜单项File下的Settings,搜索git,设置Path to Git executable:为git的安装路径

技术图片

 

 ② 菜单项File下的Settings,搜索github,点击右侧+添加github的账号和密码,点击Log In登录

技术图片

 

 ---------------------------------------------------------------------------------------------------------------

3、Github创建项目仓库:

① 浏览器登录进入Github,在右上角的头像左侧+的下拉中点击New repository

技术图片

 

② 填写项目仓库信息,点击Create repository创建项目仓库

技术图片

 

 

 ③ 创建好项目仓库后,把项目仓库的HTTPS url复制下来后续操作要用到

技术图片

 

 ---------------------------------------------------------------------------------------------------------------

4、Webstorm的git操作:

① 启动Webstorm,在启动页面选择Check out from Version Control中的git,粘贴上面复制的项目仓库HTTPS url,Clone项目同步至本地

技术图片

 

 技术图片

 

 技术图片

 

 ② 本地新建文件,同步至服务器

技术图片

 

技术图片

 

 技术图片

 

如果提交并推送成功,会提示如下弹出窗口

 技术图片

 

再去浏览器中查看Github上的项目仓库信息,可以看到新创建的目录和文件都已经同步至服务器。

推荐Chrome浏览器安装Octotree_v2.3.2.crx这个插件,可以很方便的查看Github项目内容。

技术图片

 

 

 

【原】无脑操作:Webstorm集成Git/Github

标签:选择   服务   路径   密码   file   粘贴   tab   推送   仓库   

原文地址:https://www.cnblogs.com/iflytek/p/11615679.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!