本文用于自己学习记录，仅供参考，基于Win10，64位操作系统 ，如有错误欢迎指正~

一、Git

1、下载

1.1、 进入Git官网下载

1.2、选择适合自己的git版本，我下载的是下图标出的版本

1.3、下载后双击开始安装

2、安装

2.1、双击.exe程序，首先是使用许可说明，单击【Next】

2.2、选择安装路径，最好不要在C盘，单击【Next】

2.3、选择组件，需要创建桌面图标可以勾选前两个框，单击【Next】

2.4、后续一般选择默认配置，一路【Next】即可

 感兴趣的可以自行翻译下其他选项和提示~

2.5、安装完成

【Launch Git Bash】：启动Git

【View Release Notes】：查看发行说明（跳转下方蓝色页面，感兴趣可以看看）

一般默认第二项，单击【Finish】安装完成。

3、Git本地环境配置

3.1、打开系统环境变量

【win+R】键，输入sysdm.cpl，单击【确定】

或者   右键“我的电脑” - 【属性】-【高级系统设置】

3.2、【高级】-【环境变量】

3.3、【系统变量】 - Path -【编辑】

3.4、找到安装目录下的bin文件，将这个路径加进Path中

3.5、【新建】-【bin路径】- 确定

3.6、一直点击【确定】直到关闭所有对话框

3.7、检查是否安装成功

命令行输入git -v，显示版本代表安装成功

二、nvm安装node.js

注意：安装nvm时不能安装任何node版本，如存在请删除后再安装nvm，保证系统无任何node.js 残留。卸载完之后cmd命令行输入 node -v 查看是否还能查到node信息。

1、控制面板 -> 卸载程序 -> 卸载nodejs；

2、看下node安装目录中还有没有node文件夹，有的话一起删除；

3、如果存在C:\Users{User}\AppData\Roaming\npm，C:\Users{User}\AppData\Roaming\npm-cache，删除这两个文件；

4、删除C:\Users\用户名 下的 .npmrc文件以及 .yarnrc 文件；

5、删除环境变量中npm、node相关。

1、什么是nvm

NVM（Node Version Manager）是Node.js的版本管理工具。它允许用户在同一台机器上安装和切换多个版本的Node.js，从而方便地进行项目管理和版本控制。

NVM的主要功能包括：

• ‌安装Node.js‌：可以方便地安装指定版本的Node.js。
• ‌切换Node.js版本‌：能够在不同版本的Node.js之间进行切换，以适应不同项目的需求。
• ‌卸载Node.js‌：可以卸载不再需要的Node.js版本。
• ‌管理npm版本‌：随着Node.js版本的切换，npm版本也会相应切换，保持与Node.js版本的兼容性。

NVM的用途广泛，特别是在需要处理多个Node.js项目的场景中，能够显著提高开发效率和项目管理的便捷性。

2、nvm官网下载安装

nvm官方网站，（我的页面自动翻译成中文了）点击红框中的下载

下载后双击.exe开始安装

按照界面操作，设置程序安装位置，和node包位置，

路径中最好不要出现空格，我放在了D盘根目录下

3、设置镜像

安装完nvm后先不要急着安装node

找到nvm安装路径，找到 setting.txt 文件，新增两行信息，配置下载源

node_mirror: https://npmmirror.com/mirrors/node/
npm_mirror: https://npmmirror.com/mirrors/npm/

第一行是 nvm安装路径
第二行是 nodejs路径
第三行是 node下载镜像
第四行是 npm下载镜像

【win + R】，输入cmd，命令行输入nvm，出现以下即为安装成功

（如果安装失败，可以看看之前安装的 node.js 有没有删干净、安装nvm过程中有无失误，可重新卸载再安装一次nvm。）

4、使用nvm安装node.js

【win + R】，输入cmd

首先使用 nvm list available 查询可插入版本号，LST表示可插入稳定版本。

（如未指定版本，建议安装LTS下的版本）

nvm install 要安装的版本号

5、切换node使用版本

nvm use node版本

(如果报错，用管理员身份打开重新 nvm use 你指定的版本）

安装完成后可以分别输入命令行 node -v 和 npm -v，检验node.js以及对应npm是否安装成功

nvm list 或 nvm ls，可以查看已经安装的node版本，星号表示当前正在使用该版本

删除某node.js版本 ：nvm uninstall node版本 

例：nvm uninstall 14.21.3，即可删除对应版本

6、修改npm镜像

修改npm镜像源为淘宝镜像，加快npm包的下载速度，减少发生连接错误和超时的概率。

npm config set registry https://registry.npmmirror.com

检查是否设置淘宝镜像成功（会返回这个地址表示成功：https://registry.npmmirror.com）

npm config get registry

7、配置环境变量

首先在nvm的安装目录新建两个文件夹node_global和node_cache

在cmd窗口中输入以下命令（两个路径即是两个文件夹的路径，下载完成npm之后配置）

npm config set prefix "D:\nvm\node_global"
npm config set cache "D:\nvm\node_cache"

在用户变量 - 【编辑】Path -【新建】输入node_global路径，点击确定

在系统变量 - 【新建】NODE_PATH - 输入node_modules路径，单击【确定】

一直单击【确定】，直到关闭所有对话框

三、安装VScode

1、VScode官网下载

Visual Studio Code - Code Editing. Redefined

2、安装

尽量不要安装在C盘

3、切换中文版

按Ctrl+Shift+P组合键打开命令面板，搜索并选择“Configure Display Language”，然后选择“简体中文”来切换到中文界面

四、git拉取远程项目并运行

1、配置用户名和邮箱

在项目文件夹右键，点击【Open Git Bash here】

（我这里是在桌面演示的，项目克隆到桌面的话也可以拖到目标文件夹下）

输入下边两行代码，引号中替换成自己的用户名和邮箱

git config --global user.name "Your Name"
git config --global user.email "Your email"

查看是否设置成功

git config --global user.name
git config --global user.email

2、从Gitee仓库中克隆项目

git clone 项目地址

文件夹中出现项目即克隆成功

3、运行项目

vscode打开文件夹

右键项目，选择【在集成终端中打开】

npm install

npm run dev

五、本地项目推送到远端

1、选择存储库和分支

点击左侧图标打开源代码管理栏，在空白处鼠标右键，可以选择需要展示的存储库

2、暂存，拉取，提交和推送代码

修改完的文件会出现在“更改”中，点击“+”暂存更改

提交代码之前先拉取，如果有冲突的话需要解决冲突

写好本次提交的备注，点击提交和推送，即可成功将本地项目推送到远程

其他git相关可查看我的另一篇文章

vscode源代码管理，暂存、拉取、提交和推送，本地存储（储藏）代码，创建、合并新分支-CSDN博客

 

【参考文章】

git下载、安装、本地配置、拉取远程项目、使用vscode提交项目到远程仓库（超详细步骤附图文！！）_vscode安装git-CSDN博客

使用nvm管理node多版本（安装、卸载nvm，配置环境变量） - 与f - 博客园