WebStorm概述
下载WebStorm
激活WebStorm
配置GitHub
配置本地Git
配置ssh
创建Github项目
迁出项目
提交代码

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 ~/.sshMr.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.pubMr.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，大功告成

JavaScript-WebStorm中配置Github并将代码托管到Github相关推荐

GIt代码托管、Github Desktop和 Pycharm中代码的管理
5_GIt代码托管.Github Desktop和 Pycharm中代码的管理 1 Git代码托管 2 Github Desktop使用 3 Pycharm中代码管理 1 Pycharm中代码上传到g ...
在webstorm中配置sass的自动编译，并且可以指定编译后的css的目录.
参考: WebStorm-2018.2-Help-Sass, Less, and SCSS 作者:tobyDing 链接:https://www.jianshu.com/p/0fe52f149cab ...
idea中配置Soanr在线扫描代码，通过Sonar对代码进行规范
idea中配置Soanr在线扫描代码 1.使用背景: 开发完成的代码会有代码审查人员通过Alibaba规约或者Sonar对代码进行审查,查看代码是否有漏洞及不合规范的地方刚开始使用的是网上百度的So ...
全球最大的社交编程及代码托管网站Github介绍
前言上篇文章介绍了git,这篇文章呢来介绍一下GitHub,废话不多说我们直接进入主题吧. 一.了解Github 1.1什么是版本控制系统版本控制是一种记录一个或若干个文件内容变化,以便将来查阅特 ...
如何将代码托管到GitHub
今日闲来无事,给大家讲解一下将代码托管到GitHub上,自己曾经也是小白一个,摸滚打爬从玩单片机开始,现在在公司搞嵌入式开发,从一开始的程序越来越多电脑本地存取,由于偶尔在家办公代码的更新都是拷贝下来 ...
vscode暂存的代码保存在哪里_在vs code中配置git，便于代码的保存
用了git最方便的就是比如在公司写了很多代码后回到家打开vscode只需要点击一下pull就能全部同步过来.是不是很方便....毕竟之前我都是拿u盘拷贝回家或者存到云盘再下载下来.. 我这里用的是国内 ...
javascript编程中一种常见的代码坏味道：Pyramid of doom（金字塔厄运）
Pyramid of doom说的是代码嵌套层次太深,太多的代码缩进,导致代码横向增长大于纵向增长.非常影响代码的可读性,因为我们看不清嵌套关系,很容易弄错变量的作用域,大括号多了或者少了等问题. 代 ...
Git及其代码托管平台GitHub、码云
目录 1 Git简介 2 Git使用 3 远程仓库 4 分支Branch 5 码云的静态页面托管 6 在IDEA中使用Git 1 Git简介 Version Control System,简称为 ...
GitHub 与各代码托管平台比较
文章目录 GitHub 一.优缺点二.托管限制三.介绍与使用 GitLab 一.优缺点二.托管限制三.介绍与使用 Bitbucket 一.优缺点二.托管限制三.介绍与使用 Gitee 一. ...

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