前端环境搭建指南-自用

# 前端环境搭建&基本配置

## 一、安装 Node.js

下载 Node 安装包，静默安装

如果本地已经安装了 Node.js，可以通过以下命令检查其版本是否正确：

```javascript
node -v
```

安装 Node.js 时会默认安装 npm 包管理器，但仍建议使用以下命令检查 npm 的版本

```javascript
npm -v
```

## 二、配置镜像

淘宝的 npm 仓库地址，请执行以下命令，将 npm 仓库地址设为镜像地址

```javascript

用淘宝的npm就行

```

## 三、安装 Git & TortoiseGit 图形化工具

下载 Git 安装包，静默安装

安装完成后继续安装 TortoiseGit 图形化工具 & 语言包

打开 CMD 命令行，输入以下命令，配置自己的用户名与邮箱

每一次git提交都会用到这些信息，不可更改

```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 的成本