git的工作流如上图所示:
1.git的下载与安装
去官网上下载后安装
2.gitHub
是一个面向开源以及私有软件项目的托管平台
利用gitHub创建一个远程仓库
去gitHub官网上创建一个账号开始创建远程仓库
创建账户之后,点击右上角的new repository
建立远程仓库。
创建完仓库之后,我们就会有仓库的地址了
https://github.com/melimelimeli/vscode.git
git@github.com:melimelimeli/vscode.git
https://www.jianshu.com/p/fcb7266f4fd2 git bash窗口里面记住用户名和密码,不用每次push的时候都要输入
3.git的基本操作
1.clone远程仓库
配置用户名与邮箱
使用git clone 克隆远程仓库
在桌面右击打开git bash开始配置用户名
//配置用户名,这里的用户名是在github上注册的用户名,输入命令后没有任何配置信息代表配置成功,配置失败会报错
git config --global user.name 'melimelimeli'
//配置邮箱
git config --global user.email '40665268@qq.com'
//克隆
git clone 'https://github.com/melimelimeli/vscode.git'
这样在桌面就可以看到克隆的vscode文件夹了,使用visual studio code软件打开这个文件夹,
2.git基本操作
add
在vscode文件夹中新建index.js文件,然后在git命令行中进入vscode文件夹,然后输入下面命令,添加文件,命令没有报错说明添加成功了。
git add index.js
commit操作
commit后面可以加上具体的文件名称,不加的话表示提交所有的文件,commit后面一定要添加-m的参数,如下命令,没有报错表示可以添加成功
git commit -m 'add index.js'
push操作
将本地仓库推送到远程仓库,输入下面命令
git push
git push的过程中需要填写用户名和密码,填写成功之后,命令执行成功,就将文件推送到gitHub上了,去github的库中查看,就已经添加到库里面了。
pull操作
在gitHub上直接编辑我们刚刚提交的index.js文件,然后执行pull命令,就可以更新本地的文件了。
git pull
checkout操作
拉取分支;
https://blog.csdn.net/chen134225/article/details/95475960
本地误删文件,找回文件
比如本地删除掉index.js文件,然后执行如下命令,文件就又回来了。
git checkout index.js
git chekout命令是从本地仓库检出的,不是远程仓库
4.VSCode使用git
git clone克隆远程仓库到本地
使用VSCode打开文件夹
使用左侧菜单栏的源码管理器,对修改和新增的文件进行git的各种操作
5.插件安装
CSS Peek:html与css关联
当在html中引入css文件时,点击css的id可以看到样式的内容,也可以进行跳转到指定的css样式文件对应的id。
Prettier:代码格式化
Auto Rename Tab:自动重命名标签
修改标签的时候会自动重命名标签的标签头和标签尾
Auto Import可以去了解一下
Color Info:颜色提示
css的颜色提示可以更完善,还可以直接选中颜色进行修改
Auto Close Tag:自动闭合标签
HTML CSS Support:html中css class的智能提示