# 前端环境搭建&基本配置
## 一、安装 Node.js
下载 Node 安装包，静默安装
如果本地已经安装了 Node.js，可以通过以下命令检查其版本是否正确：
```javascript
node -v
```
安装 Node.js 时会默认安装 npm 包管理器，但仍建议使用以下命令检查 npm 的版本
```javascript
npm -v
```
## 二、配置华为内网镜像
由于公司内部不能访问外网的 npm 仓库地址，请执行以下命令，将 npm 仓库地址设为公司内部镜像地址
```javascript
用淘宝的npm就行
```
## 三、安装 Git & TortoiseGit 图形化工具
下载 Git 安装包，静默安装
安装完成后继续安装 TortoiseGit 图形化工具 & 语言包
打开 CMD 命令行，输入以下命令，配置自己的用户名与邮箱
```javascript
git config --global user.name "abc"
git config --global user.email abc @example.com
```
检查 Git 的版本
```javascript
git --version
```
参考此链接克隆：git 拉取远程分支到本地_carfge的博客-CSDN博客_git 拉取远程分支
图形化工具安装完成后可以右键点击文件夹，选择 Git clone 将项目克隆到该文件夹
![git克隆]
将代码的仓库地址复制到 URL，点击确认，即可将代码拉到本地
注意：第一次克隆需要输入用户账号与密码，且需要代码仓库的权限
![克隆详情]
## 四、VSCode 安装 & 配置
下载 VSCode 安装包，静默安装（推荐 VSCode 华为内部版本，可以直接安装 VSCode 插件）
安装完成后打开插件应用，安装如下插件：
ESLint、GitLens、Prettier、Vetur
![vscode插件]
VSCode 配置分两种：
1. 界面配置，如：文字大小，主题颜色，终端类型等...
2. 代码格式化配置：与代码格式有关的配置
注意：与界面配置有关的配置可以放在本地配置内，但 VSCode 代码格式化配置建议放在项目工程内，以防个人代码格式化不同导致代码合并冲突，也会大大减少 codeView 的成本