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

简介: JavaScript-WebStorm中配置Github并将代码托管到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


20170925125339834.jpg


激活WebStorm


20170925125156440.jpg


我们使用License Server的方式激活

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

点击Active 即可,亲测可用。


配置GitHub

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


20170925125715034.jpg


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


配置本地Git

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


20170925125854804.jpg

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


配置ssh

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

20170925130109533.jpg


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

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

邮箱可以到Github–Settings 中查看


20170925130327316.jpg


完整步骤如下

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

20170925130550899.jpg


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


创建Github项目


在Github上新建一个项目

copy地址 : https://github.com/yangshangwei/JavaScriptMaster.git


迁出项目

VCS-Checkout from Version Control—Github


20170925130849144.jpg

然后输入你要克隆的项目


20170925131119568.jpg

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


提交代码

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


20170925131718075.jpg


提交成功后,到Github上查看


20170925132155930.jpg

OK,大功告成

相关文章
|
1月前
|
中间件
egg.js 24.17中间件配置
egg.js 24.17中间件配置
20 0
egg.js 24.17中间件配置
|
2月前
|
API
在vite.config.js 配置代理
在vite.config.js 配置代理
71 2
|
4月前
|
API
vite.config.js 的一些常用配置
vite.config.js 的一些常用配置
106 1
|
5月前
|
JavaScript
使用Webstorm快速启动Vue项目配置
使用Webstorm快速启动Vue项目配置
68 0
|
6月前
|
缓存 JavaScript
【Node】node.js安装与配置(详细步骤)
【Node】node.js安装与配置(详细步骤)
401 0
|
2月前
|
数据安全/隐私保护
Wiki.js 配置 LDAP 认证
Wiki.js 配置 LDAP 认证
|
2月前
|
网络安全
github或gitee配置ssh
github或gitee配置ssh
23 0
|
3月前
|
小程序
vue3.0 vue.config.js 配置基础的路
vue3.0 vue.config.js 配置基础的路
|
3月前
|
JavaScript Linux iOS开发
如何安装和配置 Node.js?
如何安装和配置 Node.js?
101 0
|
4月前
|
JavaScript C# Windows
【傻瓜级JS-DLL-WINCC-PLC交互】5.​用西门子TIA Portal 博途配置PLC(SIMATIC S7-1200CPU 1215C AC/DC/RLY)
【傻瓜级JS-DLL-WINCC-PLC交互】5.​用西门子TIA Portal 博途配置PLC(SIMATIC S7-1200CPU 1215C AC/DC/RLY)
79 0