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,大功告成

相关文章
|
3月前
|
Linux 网络安全 开发工具
IDEA如何配置git和github
【11月更文挑战第14天】本指南详细介绍了如何在 IntelliJ IDEA 中配置 Git 和 GitHub,包括检查和设置 Git 路径、测试配置,以及通过 SSH 或 HTTPS 方式配置 GitHub 仓库的具体步骤。完成配置后,用户可在 IDEA 中轻松进行版本控制操作。
473 0
|
3月前
|
JavaScript 前端开发 开发者
如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查代码规范并自动格式化 Vue.js 代码,包括安装插件、配置 ESLint 和 Prettier 以及 VSCode 设置的具体步骤
随着前端开发技术的快速发展,代码规范和格式化工具变得尤为重要。本文介绍了如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查代码规范并自动格式化 Vue.js 代码,包括安装插件、配置 ESLint 和 Prettier 以及 VSCode 设置的具体步骤。通过这些工具,可以显著提升编码效率和代码质量。
784 4
|
4月前
|
JavaScript 前端开发 应用服务中间件
vue前端开发中,通过vue.config.js配置和nginx配置,实现多个入口文件的实现方法
vue前端开发中,通过vue.config.js配置和nginx配置,实现多个入口文件的实现方法
271 0
|
4月前
|
JavaScript Linux Windows
Typora图床配置(用自带的 PicGo-Core(command line) 插件GitHub
Typora图床配置(用自带的 PicGo-Core(command line) 插件GitHub
|
5月前
|
JavaScript
Vue3基础(19)___vite.config.js中配置路径别名
本文介绍了如何在Vue 3的Vite配置文件`vite.config.js`中设置路径别名,以及如何在页面中使用这些别名导入模块。
203 0
Vue3基础(19)___vite.config.js中配置路径别名
|
5月前
|
JavaScript
Nest.js 实战 (十一):配置热重载 HMR 给服务提提速
这篇文章介绍了Nest.js服务在应用程序引导过程中,TypeScript编译对效率的影响,以及如何通过使用webpackHMR来降低应用实例化的时间。文章包含具体教程,指导读者如何在项目中安装依赖包,并在根目录下新增webpack配置文件webpack-hmr.config.js来调整HMR相关的配置。最后,文章总结了如何通过自定义webpack配置来更好地控制HMR行为。
126 6
|
6月前
|
移动开发 JavaScript 前端开发
UniApp H5 跨域代理配置并使用(配置manifest.json、vue.config.js)
这篇文章介绍了在UniApp H5项目中处理跨域问题的两种方法:通过修改manifest.json文件配置h5设置,或在项目根目录创建vue.config.js文件进行代理配置,并提供了具体的配置代码示例。
UniApp H5 跨域代理配置并使用(配置manifest.json、vue.config.js)
|
6月前
|
Linux C++ Docker
【Azure Developer】在Github Action中使用Azure/functions-container-action@v1配置Function App并成功部署Function Image
【Azure Developer】在Github Action中使用Azure/functions-container-action@v1配置Function App并成功部署Function Image
|
6月前
|
安全 网络协议 Shell
Github代码仓库SSH配置流程
这篇文章是关于如何配置SSH以安全地连接到GitHub代码仓库的详细指南,包括使用一键脚本简化配置过程、生成SSH密钥对、添加密钥到SSH代理、将公钥添加到GitHub账户以及测试SSH连接的步骤。
146 0
Github代码仓库SSH配置流程
|
6月前
|
JSON 前端开发 JavaScript
vue.config.js配置详解
【8月更文挑战第16天】vue.config.js配置详解
261 1
vue.config.js配置详解

热门文章

最新文章

  • 1
    当面试官再问我JS闭包时,我能答出来的都在这里了。
    49
  • 2
    【02】仿站技术之python技术,看完学会再也不用去购买收费工具了-本次找了小影-感觉页面很好看-本次是爬取vue需要用到Puppeteer库用node.js扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-优雅草卓伊凡
    29
  • 3
    Node.js 中实现多任务下载的并发控制策略
    34
  • 4
    【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
    26
  • 5
    【JavaScript】深入理解 let、var 和 const
    49
  • 6
    【04】Java+若依+vue.js技术栈实现钱包积分管理系统项目-若依框架二次开发准备工作-以及建立初步后端目录菜单列-优雅草卓伊凡商业项目实战
    47
  • 7
    【03】Java+若依+vue.js技术栈实现钱包积分管理系统项目-若依框架搭建-服务端-后台管理-整体搭建-优雅草卓伊凡商业项目实战
    57
  • 8
    【02】Java+若依+vue.js技术栈实现钱包积分管理系统项目-商业级电玩城积分系统商业项目实战-ui设计图figmaUI设计准备-figma汉化插件-mysql数据库设计-优雅草卓伊凡商业项目实战
    57
  • 9
    如何通过pm2以cluster模式多进程部署next.js(包括docker下的部署)
    72
  • 10
    【01】Java+若依+vue.js技术栈实现钱包积分管理系统项目-商业级电玩城积分系统商业项目实战-需求改为思维导图-设计数据库-确定基础架构和设计-优雅草卓伊凡商业项目实战
    57