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

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

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

① Webstorm 2018

② git version 2.20.1

③ Github注册用户

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

2、Webstorm的工具设置:

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

【原】无脑操作:Webstorm集成Git/Github_第1张图片

 

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

【原】无脑操作:Webstorm集成Git/Github_第2张图片

 

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

3、Github创建项目仓库:

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

【原】无脑操作:Webstorm集成Git/Github_第3张图片

 

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

【原】无脑操作:Webstorm集成Git/Github_第4张图片

 

 

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

【原】无脑操作:Webstorm集成Git/Github_第5张图片

 

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

4、Webstorm的git操作:

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

【原】无脑操作:Webstorm集成Git/Github_第6张图片

 

 【原】无脑操作:Webstorm集成Git/Github_第7张图片

 

 【原】无脑操作:Webstorm集成Git/Github_第8张图片

 

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

【原】无脑操作:Webstorm集成Git/Github_第9张图片

 

【原】无脑操作:Webstorm集成Git/Github_第10张图片

 

 【原】无脑操作:Webstorm集成Git/Github_第11张图片

 

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

 

 

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

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

【原】无脑操作:Webstorm集成Git/Github_第12张图片

 

 

 

你可能感兴趣的:(【原】无脑操作:Webstorm集成Git/Github)