Node、Git完整流程

284 阅读5分钟

node.js多版本管理【nvm】

1:卸载已经安装的node.js
- 控制面板-->卸载程序-->卸载nodejs
- 确保node安装目录中的文件彻底删除
检查下面文件是否存在:若有就完全删除
--   C:\Program Files (x86)\Nodejs
--   C:\Program Files\Nodejs
--   C:\Users{User}\AppData\Roaming\npm
--   C:\Users{User}\AppData\Roaming\npm-cache
--   删除C:\Users\用户名 下的 `.npmrc`文件以及 `.yarnrc` 文件
2:官网下载nvm包
地址:https://github.com/coreybutler/nvm-windows/releases
安装 nvm-steup.exe
3:配置路径和下载镜像
找到nvm安装路径---->setting.txt文件---->新增两行代码
node_mirror: https://npmmirror.com/mirrors/node/
npm_mirror: https://npmmirror.com/mirrors/npm//

4:检查nvm是否安装成功
windows系统,win+R,调用cmd,输入nvm
5:使用nvm安装node版本
- nvm list available (查询可插入版本号)【检查出代表安装成功】
- nvm install 16.14.0 (安装执行的node版本)
- nvm use 16.14.0 (切换node的版本)
- nvm list (查看当前已安装的node版本,带*号是正在使用的)
- nvm uninstall 版本号 (删除指定的版本)

nrm管理npm源

1:安装nrm:npm install -g nrm
检查是否安装成功 nrm -v
2:查看当前可用的npm源:nrm ls
3:将当前的npm源切换为指定的源,nrm use <registry>   registry:源的名称或url
4:添加源--nrm add <registry> <url>
5:删除源---nrm del <registry>
6:测试源的速度:nrm test <registry>
7:显示当前使用的源:nrm current

启动单个的js代码----nodemon

npm i nodemon -g
node xx.js

快速删除node_modules

1:安装NPM包--rimraf
npm install rimraf -g
2:进入项目跟目录,执行下面命令
rimraf node_modules
2.2 或者在package.json文件中配置,运行`npm run clean`
{ 
"scripts": { 
   "clean": "rimraf node_modules"
  } 
}
3.有时即使删了`node_modules`,重新安装依赖仍会报错。此时需要**彻底清理残留**
3.1 清理npm缓存:npm cache clean --force
3.2 删除锁文件:手动删除package-lock.json或yarn.lock
3.3 重启IDE:确保没有进程占用文件

git可视化提交工具--Sourcetree

git

检查git版本信息--- git -v

配置git用户名和邮箱

git config --global user.name "zkf"
git config --global user.email xxx@qq.com
// 保存用户名和邮箱
git config --global credential.helper store
//查看git的配置信息
git config --global --list

新建仓库

//建立一个文件夹
mkdir code
//进入文件夹
cd code
//初始化
git init
// 查看文件信息
ls -a
//克隆一个git仓库
git clone https://github.com/xxxx.git

新建分支,与远程分支关联

// 列出所有本地分支
git branch
// 列出所有远程分支
git branch -r
// 列出所有本地分支和远程分支
git branch -a
// 创建本地分支
git branch dev-zkf
// 新建一个分支,并切换到该分支
git switch dev-zkf
// 创建远程分支dev-zkf,此时远程分支dev-zkf连接了本地分支dev-zkf
git push -u origin dev-zkf
// 删除远程分支
git push origin --delete dev-zkf

添加、提交文件

//查看仓库状态,【当前分支、有哪些文件以及文件的状态】
git status
// 文件添加到暂存区
git add [单个文件名]--git add index.js
git add . // 暂存全部修改的文件
//文件提交
git commit -m "提交的信息"
// 查看仓库提交记录
git log  
//只合并某一次的提交记录
git cherry-pick xxxxxxx(xxxxxxx是git log查询后的commit的值)

dev-zkf多次提交记录合并到dev的某一次记录

dev-zkf分支
// 查询dev-zkf分支的提交记录
git log

{
commit 6196026e5cac658f73a4eb3485435829927a11ba
Author: zkf <487@qq.com>
Date:   Tue Jun 18 10:40:29 2024 +0800
  req OFBZ-5711 英文翻译整改-英语地区模板单词大写修改
}
// 切换到dev 分支
git switch dev
git cherry-pick 6196026e5cac658f73a4eb3485435829927a11ba

回退版本---git reset --soft

查看差异 git diff

git diff HEAD
git diff --cached
git diff HEAD~ HEAD

删除文件 git rm

git rm file.txt
// 删除文件要提交
git commit -m "提交的信息"

github SSH配置

// 第一步:进入根目录
//第二步,进入到.ssh目录
cd .ssh
// 第三步,使用ssh-key generate命令生成SSH密钥
ssh-keygen -t rsa -b 4096
// 生成文件,以pub结尾的文件是公钥
// 复制公钥,到GitHub的SSH,添加就完成了

关联本地仓库和远程仓库

// 查看远程仓库的别名和地址
git remote -v

开发新功能时,需要切换到另一个分支修复Bug,又不想提交当前分支代码??

// 对于修改的文件,使用下面命令
git stash 
// 对于新增的文件,要进行缓存,先添加到暂存区
git add .
// 修复完成后,切换回到以前的分支,
git stash apply // 讲暂存区的数据进行恢复

vscode

// 查看当前分支
git branch
//创建新的分支
git branch dev-zkf
//切换分支
git checkout dev-zkf(不建议使用)
git switch dev-zkf
//合并到新分支
git merge dev
git log --graph --online --decorate --all(查看分支图)
git branch -d dev(删除dev分支)
git branch -D dev(强制性删除dev分支)

解决冲突

// 查看冲突的具体内容
git diff

完整流程

// 当前分支为dev-zkf
git add .
git status
git commit -m "修改信息"
git status
git push // push到dev-zkf的分支
git switch dev
git pull
git merge dev-zkf
git push // push到dev的分支 

额外点

git commit -a -m "提交信息" // 一个命令可以完成添加暂存和提交两个动作

dev-zkf代码提交到master分支

拉取代码:git pull origin master
推送到远程仓库:git  push  origin master

vscode

配置快速打出console.log()

vscode:文件File--->首选项Preferences--->配置用户代码片段Configure User Snippets--->搜索栏里输入javascript.json--->修改代码如下
"Print to console": {
	"prefix": "clg",
	"body": [
            "console.log('$1');",
	],
	"description": "Log output to console"
}

由于整理目录,导致master分支的文件与自己分支的文件不一样,提交PR时,报错

image.png

解决方法:

// git status
// git fetch -ap
// git rebase origin/master