1、安装Visual studio Code

VS Code是这两年非常热门的一款开发工具，它不仅有提升开发体验的界面、轻量化的编辑器，还有丰富而强大的插件，这些优秀的插件使得VS Code生态体系更加吸引人，让开发效率大大提升

Visual studio Code官网下载: VS Code

2、安装Node

简单的说 Node.js 就是运行在服务端的 JavaScrip，基于 Chrome JavaScript 运行时建立的一个平台，Node.js 是一个事件驱动 I/O 服务端 JavaScript 环境，基于 Google 的 V8 引擎，V8 引擎执行 Javascript 的速度非常快，性能非常好。

版本过高不兼容部分插件，请注意版本

node.js官网下载: 下载地址

查看是否安装成功

 node -v   安装成功后会有个版本号

4、配置 npm

新版的NodeJS已经集成了npm，所以npm也一并安装好了，可以在cmd命令行输入" npm -v"来测试是否成功安装。

安装npm淘宝镜像

npm config set registry https://registry.npm.taobao.org

检查镜像是否成功

npm config get registry

在需要安装的程序里通过git命令安装安装npm

npm install -g cnpm --registry=https://registry.npm.taobao.org

6:安装后查看安装版本

cnpm -v   成功后会有版本信息返回

4、Git工具安装

3.1 下载安装

Git是一个开源的分布式版本控制系统，用于敏捷高效地处理任何或小或大的项目

Git官网下载: 下载地址

git官网下载太慢解决方法

git下载传送门
git下载传送门: 下载地址

3.2 Git配置

全局配置

安装好后，在桌面任意位置右键，点击Git bash here，会弹出命令窗口
配置用户信息

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

ssh 配置

配置Git的user.name、user.email
在 Git Bash Here 终端中输入 ssh-keygen -t rsa -C '邮箱'，根据提示，按三次回车即可生成 ssh key。
输入 cat ~/.ssh/id_rsa.pub ,复制公钥内容
到 github 、码云、gitlab 等托管平台中，找到SSH公钥管理，将拷贝的公钥内容，粘贴即可

具体内容可以查看博客： git配置ssh流程

3.3 Git常用命令

git init                                                  # 初始化本地git仓库（创建新仓库）
git status                                                # 查看当前版本状态（是否修改）
git clone XXXXX                                           # 拉起远程仓库代码
git add .                                                 # 增加当前子目录下所有更改过的文件
git commit -m 'xxx'                                       # 提交
git branch                                                # 显示本地分支
git push origin master                                    # 将当前分支push到远程master分支
git pull origin master                                    # 获取远程分支master并merge到当前
git checkout -b main                                      # 从当前分支创建一个main分支 并切到main分支
git checkout main                                         # 从当前分支切到main分支

git fetch origin 远程分支名:本地分支名                      # 拉取远程分支到本地
git pull origin 远程分支名称                               # 拉取远程分支到本地
git checkout -b 本地分支名 origin/远程分支名                # 拉取远程分支到本地

git reset HEAD^                                           #  回撤仓库最后一次提交
git reset --soft HEAD~3                                   #  回退前三个版本

前端基本环境搭建