打开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. IOS研究院之打开照相机与本地相册选择图片(六)

    原创文章如需转载请注明:转载自雨松MOMO程序研究院本文链接地址:IOS研究院之打开照相机与本地相册选择图片(六) Hello 大家好 IOS的文章好久都木有更新了,今天更新一篇哈. 这篇文章主要学习 ...

  2. iOS 监听声音按键

    有时在项目中需要监听用户是否按下了物理声音键,然后来做某些操作,如:你自定义了一个照相功能,希望用户按下声音按键时也能进行拍照,苹果自带的照相机就有这种功能. 监听物理声音键是否按下的方法有很多中,我 ...

  3. 转载:JavaScript多线程编程简介

    虽然有越来越多的网站在应用AJAX技术进行开发,但是构建一个复杂的AJAX应用仍然是一个难题.造成这些困难的主要原因是什么呢?是与服务器的异步通信问题?还是GUI程序设计问题呢?通常这两项工作都是由桌 ...

  4. 《Head First Python》学习笔记 01

    Python 3提供了70多个内建函数,这是Python“功能齐全”的观点:Python已经包含足够多的内置功能,使你能完成大多数工作,而不必依赖第三方代码. Python 列表: Python列表是 ...

  5. 黑马程序员:Java基础总结----枚举

    黑马程序员:Java基础总结 枚举   ASP.Net+Android+IO开发 . .Net培训 .期待与您交流! 枚举 为什么要有枚举 问题:要定义星期几或性别的变量,该怎么定义?假设用1-7分别 ...

  6. Linux-gate.so技术细节

    1. linux-gate.so是什么参考这里:http://www.trilithium.com/johan/2005/08/linux-gate/简而言之,linux-gate.so是为了实现用户 ...

  7. js动画(二)

    嗯,今天好冷,特别冷,我的手指,都冻的打不了字了.今天一件特别的傻的事就是,在 for(var i;i<obj.length;i++){} 找了半天没有注意到 var i 没有赋值.够150 了 ...

  8. 基本的SQL语句

    一些常用的SQL语句大全参考:http://www.cnblogs.com/acpe/p/4970765.html 这篇博文整理的比较全,我摘抄一些基本常用的. 创建数据库 CREATE DATABA ...

  9. ruby web性能响应时间

    可以统计单个web页面加载时间. require 'watir-webdriver' require 'watir-webdriver-performance' b = Watir::Browser. ...

  10. openresty 前端开发轻量级MVC框架封装一(控制器篇)

    通过前面几章,我们已经掌握了一些基本的开发知识,但是代码结构比较简单,缺乏统一的标准,模块化,也缺乏统一的异常处理,这一章我们主要来学习如何封装一个轻量级的MVC框架,规范以及简化开发,并且提供类似p ...