【原】无脑操作:Webstorm集成Git/Github_情愫_前端开发者

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

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

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

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

① Webstorm 2018

① Webstorm 2018

② git version 2.20.1

② git version 2.20.1

③ Github注册用户

③ Github注册用户

—————————————————————————————————————

—————————————————————————————————————

2、Webstorm的工具设置:

2、Webstorm的工具设置:

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

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

 

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

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

 

 —————————————————————————————————————

 —————————————————————————————————————

3、Github创建项目仓库:

3、Github创建项目仓库:

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

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

 

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

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

 

 

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

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

 

 —————————————————————————————————————

 —————————————————————————————————————

4、Webstorm的git操作:

4、Webstorm的git操作:

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

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

 

 

 

 

 

 

 

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

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

 

 

 

 

 

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

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

 

 

 

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

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

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

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

 

 

 

 

 

» 本文来自:前端开发者 » 《【原】无脑操作:Webstorm集成Git/Github_情愫_前端开发者》
» 本文链接地址:https://www.rokub.com/73500.html
» 您也可以订阅本站:https://www.rokub.com
赞(0)
64K

评论 抢沙发

评论前必须登录!