WebStrom与Github连接

Posted 2020-08-02 蓝眼睛

刚开始接触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项目（库）

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

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

 

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

4.随便建一个文件

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

 

 

 6.添加描述点击share

7.弹出对话框点击确定

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

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

 

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

 11.点击push

 

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

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

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

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

 

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

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

 

怎么预览 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