打开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. JUnit java单元测试

    首先须导入JUnit包:所在项目右击->Build Path->Add Libraries->选择JUnit->选择一个版本->Finish 一.手动生成 1.测试方法, ...

  2. 一步步学习Python-django开发-Mac下搭建Python-Django环境

    首先确定学习那一个版本,以之前对Python的接触,Python2.x 的版本仍然占据很大的市场.但作为初学者我还是决定学习新的版本,相信未来会逐渐转向3.x版本的. 其实搭建Python不是一件很难 ...

  3. 设置角色遗留问题和为权限设置角色以及EasyUI Tabs的使用

    设置角色遗留问题和为权限设置角色以及EasyUI Tabs的使用 ASP.NET MVC+EF框架+EasyUI实现权限管系列 (开篇)   (1):框架搭建    (2):数据库访问层的设计Demo ...

  4. 采用SOLR进行全文索引的完整解决方案,设计图

  5. 2013Esri全球用户大会之解读Web GIS

    1 什么是Web GIS,它跟我有什么关系? Web GIS是传递GIS功能的一种新方式,在Esri把GIS作为平台进行实现的战略方向中位于中心位置.Web GIS为用户随时随地访问和使用地理信息提供 ...

  6. Maven 插件 maven-tomcat7-plugin - 常用命令及配置

    常用命令 tomcat7:deploy 说明:部署 WAR 到 Tomcat tomcat7:help 说明:查看插件帮助信息 tomcat7:run 说明:支行当前项目 配置 <project ...

  7. 一口一口吃掉Hexo(一)

    如果你想得到更好的阅读效果,请访问我的个人网站 ,版权所有,未经许可不得转载! 这里是我的个人博客网站,点击这里你可以到我的首页瞧瞧.我之前使用的是第三方的博客平台--博客园,点击这里可以看到我的博客 ...

  8. Tomcat v7.0 Server at localhost are already in use,tomcat提示端口被占用,tomcat端口已经被使用,tomcat端口占用

    Tomcat v7.0 Server at localhost are already in use, tomcat提示端口被占用,tomcat端口已经被使用 >>>>> ...

  9. Java 设计模式(二)-六大原则

    Java 设计模式(二)-六大原则 单一职责原则(Single Responsibility Principle) 定义: 不要存在多余一个原因导致类变更,既一个类只负责一项职责. 问题由来: 当类A ...

  10. 微信小程序数据请求方法wx.request小测试

    微信小程序数据请求方法 wx.request wxml文件: <view> <textarea value="{{textdata}}"/> </vi ...