git在实际开发中的使用以及npm使用

git在实际开发中的使用以及npm使用

1.如何使项目在本地跑起来,修改bug或做需求

  • git clone XXXX

    代码会下载到本地。(XXXX表示项目仓库的HTTPS或者SSH)

  • git status 或者 VScode 左下角也可以看到分支状态

  • git checkout 分支名。

    切换到对应分支,分支上代码可以随便改,只要不去git上的Merge Requests上提出合分支的申请,就不会影响主体代码。

    提出合分支的申请之后,处理人会去review,最后决定是否同意合并

  • git pull .切换到分支之后,去pull一下分支代码

  • npm/yarn install

    会自动检查安装项目中的所需依赖包

  • 查看package.js或者README.md 查找项目的运行命令

    比如我的是tea dev 我就应该在项目根目录下打开终端 输入tea dev 项目就跑起来了

    如果输入运行命令之后,控制台输出了访问链接,就可以在本地localhost直接访问了看到页面

    如果没有得到访问链接,要看到页面,就需要再去做一些配置

  • 让项目成功跑起来之后,修改bug的话 就先去复现理解问题,做需求的话 就去调试 进行修改

2.修改完代码之后,如何进行提交

  • git add 提交代码到暂存区

  • git commit -m “提交信息”。 将暂存区提交到本地仓库

    提交信息由type+message组成

    type可选的标识如下:

    • feat: 新功能
    • fix: 修补bug
    • docs:文档
    • style: 格式(不影响代码运行的变动)
    • refactor: 重构(既不是新增功能,也不是修改bug的代码变动)
    • test: 增加测试
    • chore: 构建过程或辅助工具的变动
  • git push 上传

  • 去new review。select commit 要选from 和 to

3.发布前,看下最新的主分支提交,有没有合并到你的分支

  • 看下(主分支)最新的提交,有没有合并到我的分支上

    到代码库,切换到主分支,看history,看看最新的commit是什么

    到本地VSCode 切换到主分支 git checkout master

    看主分支提交记录 git log. 这里看最新的commit是否在log里面

    if true 就是最新提交在我的分支上

    else 最新提交不在

  • 将主分支上最新的提交 合并到我的分支上

    在主分支上git pull. 拉取最新的代码到本地

    git log 检查是否最新

    git checkout feature/m 切换到我的分支上

    git merge master 合并主分支到我的分支上

4.git回退版本

git log 查看提交记录

git reset –soft 回退的提交哈希值

选项:--hard 抛弃当前工作区的修改。--soft 保留当前工作区的修改

5.临时需要去在本项目上修复紧急bug

git stash 保存当前分支上的代码修改

切换到hotfix分支上 修复紧急bug

修复完成之后,切换到之前的工作需求分支上

git stash pop 恢复之前的工作区

git status 查看当前分支的状态

6.提交绕过eslint检查

git commit -no-verify -m ‘提交信息’

npm使用

1.如何进行包版本的升级

package-lock.json 用来兜底,项目里包的最低版本

  • 查看包版本以及之间的依赖:npm ls @包名

  • 查看当前镜像:npm config get registry

  • nrm镜像管理工具:npm i nrm -g

  • 查看所有镜像以及当前镜像:nrm ls

  • package.json里的dependencies中,新增一行”@包名”: “^new版本号”

  • 安装:npm i。 注意用yarn upgrade的方式,要写准确的升级包(否则会因为yarn整体升级 造成eslint规则变化)

这个时候npm ls @包名 看到的版本是new版本