打开webstorm新建项目,这里新建的项目名称我起为lianxi

打开设置选项里的插件栏

搜索gitignore,并安装,我这里已安装,所以显示X,没有安装的会显示一个绿色的下载箭头。安装完后需要重启webstorm。

没有安装过的请点击下面的Borwse repositorise...在新弹出的窗口中搜索安装安装!

在项目根目录新建.gitinore文件,内容如下:

# Eclipse project files
.classpath
.project
.settings/ # Intellij project files
*.iml
.idea/
bower_components/ # Others
target/
logs/

主要作用是控制不需要版本控制的文件不上传到git

在新建一点其他文件用于测试,我这里新建了一个index.html文件。

之后再http://git.oschina.net/网站上新建自己账号,这是中国git项目托管网站,跟gitHub是一样的,只不过是访问方便些。

注册后登陆

进去后点击左上角的加号图标新建一个空的项目

写上你的项目名称后点击创建项目

点击后会看到如下界面,先不要关,一会会用到下面的一些命令:

之后回到webstorm单击VCS-》enable Version...

在下来列表中选择git后ok

点击底窗口中的CHanges,把需要进行git的文件用鼠标拽到Default下:

现在打开git Bash控制台(我这里用的是win7操作系统),进入到项目根目录:

输入刚才你新建完项目的页面上的命令:

之后再输入

如下所示

之后点击左侧的VCS带绿色的上传标准的按钮:

在Commit Message写上相应的备注信息

之后点击Commit的第二项上传到Git

单击Push

显示如下说明在上传中:

上传后

之后刷新我们的项目网页就能看见我们上传的项目文件了

这里附上webstorm的代码格式化快捷键:

centOS 下webstorm 格式化代码的快捷键 Ctrl+Shift+l

windows 下 webstorm 格式化代码的快键键 Ctrl+Alt+l

mac 下 webstorm 格式化代码的快捷键 Option+Command+l

补充:

1.git提交:

点击Changes窗口中的vcs:

单击Commit中的第二个:

单击第二个Commit按钮:

单击Push按钮

这时就提交到git上了,有时会有错误框弹出,单击第三个按钮忽略掉即可

此时可以查看Changes窗口上面的log栏:如果那三个不同颜色在同一行说明提交成功,如果不在一行按下面那张图在上交一下,至于原因请百度git的工作区与暂存区知识点!

这是就可以上你的git网站上查看文件已经在你的git项目上了!

转载请注明出处:http://www.cnblogs.com/woleicom/p/4117963.html

git在webstorm中的使用的更多相关文章

  1. 常见开发需求之前端利器webstorm中的git和快捷键

    需求   前端开发中我们最常用的一般是webstorm.hbuilder和sublime,因为以前使用过一段时间eclipse所以我对webstorm的感觉比较良好,再加上以前使用hbuilder维护 ...

  2. webstorm中使用git

    webstorm中使用git将代码放入tfs两种方式: 直接在tfs上建立仓库,复制仓库地址,然后在本地打开webstorm,然后git克隆这个仓库 使用git命令将本地项目上传到tfs git re ...

  3. webstorm中使用git管理服务器上的代码——入门级

    一.首先要确保电脑已经成功安装好git了.(记住git的安装位置) 二.这里需要给webstorm配置一下:依次点击:file –> Settings –> Version Control ...

  4. 开发常用之在webstorm中使用cmd

      而今前端开发经常与cmd打交道,如使用个npm什么的,如果老是在ide和cmd之间切换显得比较繁琐,众多前端利器中我最喜欢的就是webstorm,而webstorm中就可以直接使用cmd,如图1, ...

  5. webstorm中github的配置

    1.申请一个github账号,我这里的操作是已经有了账号的情况之下进行的. 打开webstorm,File-->settings,弹出settings框,输入git,得到以下界面,输入githu ...

  6. WebStorm中配置node.js(Windows)

    WebStorm中配置node.js(Windows) 一.node 1.下载安装包 32 位 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x86.msi ...

  7. 【git1】git+gitHub+webStorm的使用

    Git与GitHub什么关系? git:版本控制工具/系统. github:是一个用git控制的项目托管平台.(同样,码云和Gogs也是基于git的项目托管平台.) ...此文接下来讲的是怎么搭配Gi ...

  8. [转]git在eclipse中的配置

    一_安装EGIT插件 http://download.eclipse.org/egit/updates/ 或者使用Eclipse Marketplace,搜索EGit 二_使用EGIT前的配置 配置个 ...

  9. Mac OSX 下用 Homebrew 安装 MongoDB 并配置到 WebStorm 中

    1. 安装 Ruby OSX 操作系统内置 Ruby,但如果没有 Ruby,则需先输入以下命令安装能够进行多版本ruby环境安装.管理和切换的命令行工具 RVM. 1.1 安装 RVM 打开终端输入以 ...

随机推荐

  1. easyui datagrid自定义操作列

    通过formatter方法给Jquery easyui 的datagrid 每行增加操作链接 我们都知道Jquery的EasyUI的datagrid可以添加并且自定义Toolbar, 这样我们选择一行 ...

  2. iOS 开发问题集锦(二)

    办公机器原来是别人在用,Xcode也是用别人的账号下载的.昨天想升级Xcode的时候,发现没有密码,为了不打扰别人,也为了方便自己之后升级,于是乎把旧版本直接卸载掉,重新下载了全新的4.6版. 下载完 ...

  3. 通过 DynamicLinq 简单实现 N-Tier 部署下的服务端数据库通用分页

    通过 DynamicLinq 简单实现 N-Tier 部署下的服务端数据库通用分页 YbSoftwareFactory 的 YbRapidSolution for WinForm 插件使用CSLA.N ...

  4. Ecshop出现问题 includes\lib_main.php on line 1329 includes\lib_base.php on line

    php 5.3版本兼容问题不少,以上函数参数传递问题可以将lib_main.php on line 1329这句 $ext = end(explode('.', $tmp)); 改为 : $extsu ...

  5. spi数据KL25用SPI操作nor flash

    最近研究spi数据,稍微总结一下,以后继续补充: KL25的SPI连接一个nor flash.该flash型号为FM25F04,支撑SPI的模式0和模式3,要求高位先发送,在上升沿采集数据. 通常,S ...

  6. CPU内存管理和linux内存分页机制

    一.概念 物理地址(physical address)用于内存芯片级的单元寻址,与处理器和CPU连接的地址总线相对应.——这个概念应该是这几个概念中最好理解的一个,但是值得一提的是,虽然可以直接把物理 ...

  7. linux环境变量入门

    一.概要 本文用java环境变量配置这个案例来介绍linux下的环境变量是怎样的,并且和windows系统下的环境变量语法进行了相应对比,适合初学者入门.在这之前,我已经将jdk.tomcat和ecl ...

  8. Java Volatile transient 关键字

    随笔-204  评论-134  文章-0  trackbacks-0   Volatile修饰的成员变量在每次被线程访问时,都强迫从主内存中重读该成员变量的值.而且,当成员变量发生变化时,强迫线程将变 ...

  9. C语言之原码、反码和补码

    原码.反码和补码 1).数据在内存中存储的时候都是以二进制的形式存储的. int num = 10; 原码.反码.补码都是二进制.只不过是二进制的不同的表现形式. 数据是以补码的二进制存储的. 2). ...

  10. C语言之二维数组

    二维数组 还是一个数组,只不过数组中得每一个元素又是一个数组 1). 声明语法 类型 数组名[行][列]; 例:  int nums[2][3];//2行3列的二维数组,保存的数据类型是int类型 c ...