JavaScript-WebStorm中配置Github并将代码托管到Github

标签: git github webstorm
1346人阅读 评论(0) 收藏 举报
分类:

WebStorm概述

WebStorm 是一款前端开发 IDE(集成开发环境),可以简单理解为,它是一个智能的、强大的代码编辑器。

语法着色、代码补全、代码分析、代码导航、格式化、快捷键、就地参考文档、实时纠错提示、代码重构、脚本调试、版本控制、单元测试、工程管理、收藏夹、Zen Coding、文件模板、代码片断、语言混编……

前端技术日新月异,WebStorm 紧跟前沿技术,贴进开发者的实际需求。全面原生支持 ECMAScript Harmony、CoffeeScript、NodeJS、Jade、Sass/LESS、HTML5+CSS3,全面原生支持主流的库和框架,全面兼容主流的开发/部署工具,还有大量第三方插件,只有想不到没有做不到。普通的文本编辑器和 Dreamweaver 等简直不堪一击….


下载WebStorm

下载地址:

http://www.jetbrains.com/webstorm/download/index.html

我这里下载的是WebStorm 2017.2.4

这里写图片描述


激活WebStorm

这里写图片描述

我们使用License Server的方式激活

输入 http://idea.imsxm.com/

点击Active 即可,亲测可用。


配置GitHub

进入界面后,选择File — Settings (或者 Ctrl + Alt + S)

这里写图片描述

选择Password , 输入用户名和密码,然后点击Test,成功即可。


配置本地Git

下载安装Git,然后配置本地的Git路径

这里写图片描述

点击Test,成功即可 ,其他配置保持默认。


配置ssh

使用Git 自带的 Git Bash 生成SSH密钥,用于和服务器通信。

这里写图片描述

先获取本地git ssh,打开git bash,输入

ssh-keygen -t rsa -C “你的邮箱”

邮箱可以到Github–Settings 中查看

这里写图片描述

完整步骤如下


Mr.Yang@Mr MINGW64 ~
$ cd ~/.ssh

Mr.Yang@Mr MINGW64 ~/.ssh
$ ssh-keygen -t rsa -C 815150141@qq.com
Generating public/private rsa key pair.
Enter file in which to save the key (/c/Users/Mr.Yang/.ssh/id_rsa):
Enter passphrase (empty for no passphrase):
Enter same passphrase again:
Your identification has been saved in /c/Users/Mr.Yang/.ssh/id_rsa.
Your public key has been saved in /c/Users/Mr.Yang/.ssh/id_rsa.pub.
The key fingerprint is:
SHA256:JpKE6WntivxCu00aVMOI1gs9ZGjWJ0QadMGvBXHdsuE 815150141@qq.com
The key's randomart image is:
+---[RSA 2048]----+
|.o*Oo.. .        |
|.+@B.. + .       |
|+=oB* . +        |
|..o+++ E         |
| .+.* . S        |
|.o o . o         |
|.....            |
|.+=.             |
|.+=o             |
+----[SHA256]-----+

Mr.Yang@Mr MINGW64 ~/.ssh
$ ls
github_rsa  github_rsa.pub  id_rsa  id_rsa.pub

Mr.Yang@Mr MINGW64 ~/.ssh
$ pwd
/c/Users/Mr.Yang/.ssh

到 /c/Users/Mr.Yang/.ssh 目录下 查看id_rsa.pub 文件,复制其中的内容。打开Github–Settings 中查找 SSH and GPG Keys

这里写图片描述

第一次没有,新增一个即可,名字可任意。


创建Github项目

在Github上新建一个项目
copy地址 : https://github.com/yangshangwei/JavaScriptMaster.git


迁出项目

VCS-Checkout from Version Control—Github

这里写图片描述

然后输入你要克隆的项目

这里写图片描述

等待一会,在WebStorm中就会自动加载你的项目了


提交代码

项目右键–Git – add 然后 再Commit Directory

这里写图片描述

提交成功后,到Github上查看

这里写图片描述

OK,大功告成

查看评论

将自己的代码托管到github

步骤:1、建立自己的github 2、安装github客户端,并配置身份 3、建立github项目 4、将github项目库下载到本地 5、提交本地代码到github详细操作:1、github...
  • baidu_31093133
  • baidu_31093133
  • 2016-05-09 23:45:03
  • 4514

如何将代码托管到github上

1,注册并登陆github,github官方地址:https://github.com 2,点击右下角的 New repository 按钮来创建一个版本库 3,将版本库命名为 coolwea...
  • zhang_jun_xiang
  • zhang_jun_xiang
  • 2015-12-21 15:56:53
  • 1040

[GitHub]简单几步将你的项目托管到GitHub

对于一个开发者来说.GitHub是我们必不可少的代码托管库,上边有来自全球的优秀开源项目源码,我们可以下载学习别人的源码,也可以将自己的代码放在上边与大家共同分享交流. 但是对一个新手来说,上传托管源...
  • zhangxmu
  • zhangxmu
  • 2015-11-03 19:46:49
  • 3011

将代码托管到Github上

Aptana studio 3是集成了Git的但是要将代码提交到Github上去,还是不能直接使用,我们需要安装Git的客户端并设置响应的SSH key来取得Github的安全信任。Github支持H...
  • boonyaxnn
  • boonyaxnn
  • 2017-04-06 22:53:51
  • 199

代码托管:GitLab与GitHub的比较

先说一下相同点,二者都是基于web的Git仓库,在很大程度上GitLab是仿照GitHub来做的,它们都提供了分享开源项目的平台,为开发团队提供了存储、分享、发布和合作开发项目的中心化云存储的场所。 ...
  • weixin_37730482
  • weixin_37730482
  • 2017-06-23 10:32:55
  • 3150

【官方】Android Studio中使用Git托管到GitHub

初次从Eclipse转向Android Studio可能不习惯,不知道怎么使用Git来托管代码到GitHub,本人通过自学官方的视频并实践成功后,分享给大家...
  • sunflowerduidui
  • sunflowerduidui
  • 2016-02-02 20:39:00
  • 1491

手把手教你github托管代码

在csdn上还有一篇介绍如何使用github托管代码的: 两分钟学会在GitHub托管代码。我照着这个教程尝试了一遍,发现代码并没有托管上去,只是创建了一个存放代码的仓库(repository,翻译可...
  • m372897500
  • m372897500
  • 2016-05-21 12:49:21
  • 1966

GitHub 客户端

  • 2013年05月08日 21:29
  • 10.04MB
  • 下载

如何将自己的代码上传到GitHub托管

以前需要代码托管的时候,都是直接上传公司的SVN,最近研究了一下GitHub的代码托管,发现用起来也很方便,下面我就将自己的使用心得总结一下。 目前github代码托管免费的只能公开,要选择的话就需...
  • w350981132
  • w350981132
  • 2017-11-05 13:33:33
  • 175

Spring源代码托管地址

 https://github.com/spring-projects/spring-framework
  • wujinsong2010
  • wujinsong2010
  • 2014-04-10 22:06:50
  • 375
    个人资料
    专栏达人 持之以恒
    等级:
    访问量: 142万+
    积分: 2万+
    排名: 505
    WeChat
      欢迎关注我的公众号,干货只有干货,还有更多惊喜和资源在等着你
    博客专栏