【原】无脑操作：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的安装路径

 

 ② 菜单项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项目内容。