WebStrom与Github连接

时间:2023-03-08 18:05:38
WebStrom与Github连接

刚开始接触GitHub,之前都是用git命令来提交代码,很是麻烦~~~,现在通过WebStrom将项目提交到GitHub网站上(简单容易了很多)。 

第一:webstrom创建项目然后上传到github上。

第一步:注册github账号,可以参考(http://www.cnblogs.com/hfxm/p/5593812.html)

第二步:安装WebStrom。。(去官网下载http://www.jetbrains.com/webstorm/)

第三步:安装Git, 可以参考(http://www.cnblogs.com/hfxm/p/5593812.html)

第四步:在webstrom上创建项目 githubTest 然后同步到github上

现在github上没有这个githubtest项目(库)

WebStrom与Github连接

1.打开WebStrom软件,File--->Default Setting -->github选项输入host,自己的github账号和密码

WebStrom与Github连接

2.搜索框里输入git,然后选择Git,在Path里选择安装Git的地址,(找不到的话Windows搜索一下),然后确认

WebStrom与Github连接

3.新建一个项目 file-New Project

WebStrom与Github连接

WebStrom与Github连接

4.随便建一个文件

WebStrom与Github连接

5.选择vcs-Import Version Control--->Share Project on Github 导入到版本控制

WebStrom与Github连接

6.添加描述点击share

WebStrom与Github连接

7.弹出对话框点击确定

WebStrom与Github连接

8.这时候去看github,就多出来了一个我们刚才建立的仓库

WebStrom与Github连接

9.在项目里添加一个test.html文件

WebStrom与Github连接

10.选择VCS---》Commit change---》弹出对话框--》填写注释--》commit------》commit and push

WebStrom与Github连接

 11.点击push

WebStrom与Github连接

12.这时候就完好的提交到github上了

WebStrom与Github连接

第二:WebStrom将Github上的项目拷贝下来:

1.现在github上有一个githubTest的项目我们要拷贝下来

WebStrom与Github连接

2.vcs-->chekout from version Control--->github

WebStrom与Github连接

3.填好url;项目存放的位置点击clone

WebStrom与Github连接

4.项目已经拷贝到本地了,现在可以同步了

WebStrom与Github连接

 

怎么预览 GitHub 项目里的网页或 Demo?

需要打开的项目页面https://github.com/lanyanjing-2016/myhello/blob/master/test.html
给加上前缀http://htmlpreview.github.com/?
最终链接http://htmlpreview.github.io/?https://github.com/lanyanjing-2016/myhello/blob/master/test.html