vscode环境中配置git

1. 建立project空目录用于存放electron基本环境这个环境中得文件不能加入git项目中否则每次更新文件太大github不支持大于100M得文件上传

vscode环境中配置git_第1张图片

2. 使用vscode打开project目录

vscode环境中配置git_第2张图片

3.打开终端运行npm install electron

vscode环境中配置git_第3张图片

vscode环境中配置git_第4张图片

运行完成后会生成electron相关得两个json文件和一个文件夹

vscode环境中配置git_第5张图片

4.新建一个文件夹用于我们得工程相关文件提交,进入这个文件

vscode环境中配置git_第6张图片

vscode环境中配置git_第7张图片

进入文件后shift+鼠标右键

vscode环境中配置git_第8张图片

打开Powershell窗口,运行命令行 git init生成git相关隐藏文件夹

如果没有git 需要先下载git。参考另外一篇文章

vscode环境中配置git_第9张图片xxxxxx

绑定github远程代码库  git remote add origin http://github.com/xxxxx/x'x'x'x'x'x.git

下载远程代码库代码 git pull

查看分支 git branch –a 获得远程主分支名

vscode环境中配置git_第10张图片

切换到该分支 git checkout –t remotes/origin/main

使用git branch 查看是否切换成功

这时看到test目录中出现github远程代码库中得文件

vscode环境中配置git_第11张图片

5.打开vscode点击打开文件夹打开hellowWorld文件夹

vscode环境中配置git_第12张图片

尝试运行

vscode环境中配置git_第13张图片

可以正常运行

vscode环境中配置git_第14张图片

6.在vscode中修改和提交代码

修改index.html文件

vscode环境中配置git_第15张图片

运行验证

vscode环境中配置git_第16张图片

提交修改到代码库中

vscode环境中配置git_第17张图片

vscode环境中配置git_第18张图片

vscode环境中配置git_第19张图片

提交是提交到本地库中,推送是推送到远程github库中

点击提交和推送后修改一下注释commit文件,说明修改项目以及修改原因。

vscode环境中配置git_第20张图片

       修改完成后点击提交

vscode环境中配置git_第21张图片

弹出对话框点击保存

vscode环境中配置git_第22张图片

提交完成后更新图标不见了

vscode环境中配置git_第23张图片

查看远程代码库,已经上传

vscode环境中配置git_第24张图片

vscode环境中配置git_第25张图片7.远程库被修改后需要先dump同步远程代码然后再进行开发

如下先修改远程库上得代码

vscode环境中配置git_第26张图片

在vscode中可以看到更新

vscode环境中配置git_第27张图片

点击同步更改,确定

vscode环境中配置git_第28张图片

vscode环境中配置git_第29张图片

本地代码也被同步。

你可能感兴趣的:(electron,git,vscode,github)