【Git】Git的常用操作

GIT

• git
• 调试工具
• 抓包
• webpack
• babel
• linux常用命令

什么是git

• 最常用的代码版本管理工具

• 大型项目需要多人协作开发，必须熟悉git

• Mac OS自带git命令，windows可去官网下载安装

• git服务端常见的有github coding.net等

• 大公司会搭建自己的内网git服务

常用git命令

git add .
git checkout xxx
git commit -m "xxx"
git push origin master
git pull origin master
git branch
git checkout -b xxx/git checkout xxx
git merge xxx

git init
git add README.md
git commit -m "first commit"
git branch -M main
git remote add origin https://github.com/ZhaoJiaxin107/Git_Test.git
git push -u origin main

git remote add origin https://github.com/ZhaoJiaxin107/Git_Test.git
git branch -M main
git push -u origin main

• git config --global user.name ZhaoJiaxin107
• git config --global user.email jzhao537@uwo.ca
• git config --list 可以查询所有的git配置
• git status 查看当前的git状态
• git log 查看git的日志（版本号，描述）
• git log + commit的ID 查看具体ID的commit的日志
• git show 查看当前提交的内容
• git branch 当前分支
• git diff 查看修改的具体内容
• git diff README.md 查看修改的具体文件的内容
• git add 1.html 添加具体文件
• git add . 添加所有的文件
• git commit -m “本次提交的描述” 提交到本地仓库
• git checkout 1.html 版本回退到上次状态
• git checkout . 撤销所有操作
• git remote add origin git@github.com:ZhaoJiaxin107/Git_Test.git 连接远程仓库
• git remote -v 查看本地仓库所关联的远程仓库
• git remote rm origin 删除已有的远程库关联
• git push -u origin main 把本地仓库中的内容推送到远程仓库
• git pull origin main 拉取服务端最新代码
• git checkout -b 分支名 创建新的分支
• git checkout main 切换分支
• git fetch 拉取所有分支

• 版本回退

git reset --hard HEAD^ (上一个版本就是HEAD^，上上一个版本就是HEAD^^，当然往上100个版本写100个^比较容易数不过来，所以写成HEAD~100。)
git reset --hard 版本号（可以只写前几个字符）

创建SSH

使用ssh连接远程仓库

第1步：创建SSH Key，在用户主目录下，看看有没有.ssh目录，如果有，再看看这个目录下有没有id_rsa和id_rsa.pub这两个文件，如果已经有了，可直接跳到下一步。如果没有，运行以下语句
ssh-keygen -t rsa -C jzhao537@uwo.ca
把邮件地址换成你自己的邮件地址，然后一路回车

​ 创建的文件在 C:\Users\zjx_n\.ssh

第2步：登陆GitHub，添加sshKey, 填入id_rsa.pub中的内容

拉取远程仓库的内容

git pull origin master 拉取线上的某个分支

多人协同开发流程：

拉取远程仓库的内容->自己本地仓库的处理->推送到远程仓库
.gitignore 配置不上传到仓库

webpack与babel

ES6模块化，浏览器暂不支持

ES6语法， 浏览器并不完全支持

压缩代码，整合代码，让网页加载速度更快

webpack.config.js

const path = require('path')
const HtmlWebpackPlugin = require('html-webpack-plugin')

module.exports = {
    mode: 'development', // production
    entry: path.join(__dirname, 'src', 'index.js'),
    output: {
        filename: 'bundle.js',
        path: path.join(__dirname, 'dist')
    },
    plugins: [
        new HtmlWebpackPlugin({
            template: path.join(__dirname, 'src', 'index.html'),
            filename: 'index.html'
        })
    ],
    devServer: {
        port: 3001,
        contentBase: path.join(__dirname, 'dist')
    }
}