HBuilder集成使用Git

HBuilder相信大家已经很熟悉了，那HBuil蟠校盯昂der怎么使用Git呢？先说下在HBuilder使用Git的整体感受：虽然能清晰看到未add、未commit的文件，但在视图方面还是不能够清晰地列出Git状态和版本对比，对比webstorm之类的编辑器还是有差距。不过HBuilder的侧重面不一样，它倾向于创造过程，这点不足也是可以接受的，毕竟使用Git的时候大多是使用命令行的方式使用的。

工具/原料

Git

HBuilder

HBuilder 插件 EGIT

Windows系统

一、git安装

1、要使用Git需先安装Git FOR Windows，安装很简单，最好把Git的CMD.exe合并到Windows的CMD.exe中，并且添加到系统环境变量路径，这样方便在整个系统中使用。

二、在HBuilder中使用Git

1、1.安装插件：EGITEGIT是HBuilder的一个插件，要先安装才能在HBuilder中使用。工具——插件安装——EGIT——安装

3、3. 认识视图界面功能主要有3个：a.添加本地已有Git仓库；b.克隆Git仓库；（克隆本地Git仓库或者远程Git仓库）c.创建一个本地Git仓库；

6、3.2.1 配置要克隆的Git仓库的信息配置仓库地址、连接方式等信息。

8、3.2.3 选择克隆到的本地的具体位置也就是配置本地存放Git仓库的路径。设置好点【下一步】开始克隆。克隆完毕后就能看到新的文件夹了。**提示**克隆一个仓库，会在本地生成一个文件夹，所以在选择路径的时候没有必要再创建一个新的文件夹：比如要克隆到F:\GIT路径下，那么直接选择GIT文件夹就可以，没有再在GIT文件夹下创建一个新的文件夹。克隆的时候会自动生成文件夹的。

10、4. 删除Git仓库删除Git仓库的时候，选中要删除的Git仓库点右键——Delete·······如下图需要注意的是：删除Git仓库时它会提示你，是删Git仓库还是连同Git仓库所在的工作目录一起删除。如果只是删除Git仓库则不勾选，那么项目文件会被保留仅删除Git仓库而已。如果想整个项目都删掉，则勾选，那么将把整个文件夹删除。

三、开始使用Git仓库工作

1、Git仓库的使用就是把文件存入Git仓库，或者从蘅荫酸圉Git仓库中删除文件，或者上传到远程服务器。这些基本是Git的使用范畴去了，可以先学会怎么使用G足毂忍珩it，然后再去配置HBuilder中的Git功能就会很简单。怎么把Git工作目录添加到HBuilder项目中进行开发。这里涉及到两点：1是Git仓库就在项目目录下；2是Git仓库不在项目目录下。如果项目目录和Git仓库不在一个文件夹是不能添加的，Git依赖路径进行工作，不能随意移动。所以在创建Git仓库的时候要选好路径。打开Git仓库所在的目录进行开发，可以用HBuilder新建项目的方式打开（注意路径选择——一般选到Git仓库所在的文件夹，也就是.git文件夹的上一级文件夹），也可以像下图一样打开。

3、至于ignore的部分，也就是排除掉（不希望添加到Git仓库的文件）文件，一般用.Gitignore文件来配置，用鼠标一个一个的右键再选ignore太麻烦了。在Git仓库工作目录新建一个叫【.gitignore】的文件（不要忽视前缀【.】），然后把排除的文件和文件夹写进去保存就好，Git自动会忽视它们，不再提示你进行add操作。如下图，我把编辑器产生的配置文件给排除掉，还有node的模块文件夹也排除掉。不需要提交到仓库的文件都写进去就好。