前端环境配置

很多前端的同学进入新的公司，不知道要做什么，那么接下来带大家了解一下新员工入职之后必做的事情。

一、领取电脑

在我们进入公司之后，首先找负责人领取电脑，一些大型公司会让你安装一些数据安全的软件，完成一些考试，处理完这些繁琐的事情后，那么就到我们配置环境的阶段了。。。

二、下载软件

一般来说大型公司的软件必须在公司指定的软件助手中下载，我们需要下载以下软件：

1.VScode

代码编译工具

2.谷歌

浏览器

3. Node.js(建议选择稳定版)

Node.js 是一个开源的 JavaScript 运行环境，它可以在服务器端运行 JavaScript 代码，且自带npm包管理工具。​​​

4.Git

代码管理工具

5.Postman

接口测试工具

三、拉取项目

1. 启动终端

window系统:创建一个文件夹，打开文件夹，在路径中输入rmd

Mac系统:创建一个文件夹，右键点击文件夹，选择“新建位于文件夹位置的终端窗口”

2.检查环境

第一步：在终端中输入node -v 检查node是否安装成功

第二步：在终端中输入npm -v 检查是否安装成功(npm是node自带的包管理器)

第三步：在终端中输入npm config set registry https://registry.npm.taobao.org更换淘宝镜像(提高npm下载安装的速度)

3.克隆仓库代码

第一步：打开项目代码仓库，复制仓库的地址；

第二步：在终端中输入命令：git clone 地址 ；

第三步：敲下回车，就开始拉取项目代码了。。。

4.跑项目

第一步：代码拉取完，我们创建的文件夹中就会多出一个文件，这个就是我们的项目文件，把这个文件拖曳到VScode中；

第二步：在VScode中新建一个终端；

第三步：执行命令  npm i  安装依赖；

第四步：执行命令 npm run dev 启动项目。。。

四、开发流程

1.创建并切换自己的分支

`git checkout -b 分支名`  //创建并切换分支

或者

`git branch 分支名`  //创建分支
`git checkout 分支名`  //切换分支

2.将远程分支代码合并到本地

询问同事我们是在哪个远程分支上开发的，然后把这个分支的代码合并到本地

`git pull origin 远程分支名称`  更新远端分支且合并取到本地

或者

`git fetch 远程分支名称`  更新远端分支
`git merge origin/远程分支名称`  合并到本地分支

3.将本地代码合并到远程

`git add .` 将文件提交到暂存区

`git commit -m "提交内容" ` 提交更改

`git pull origin 远程分支名称` 拉取远程分支最新的代码(如果远程代码有改动，需要再次add和commit，这一步非常关键，可以避免文件冲突)

`git push origin 本地分支名` 推送到远程

最后在git仓库中创建合并请求(PR)，选择来源分支(我们自己创建的分支)和目标分支，提交合并请求(一般需要审核)，请求通过即可合并代码。

Git使用流程_如何git clone 代码 提交到自己项目-CSDN博客

五、后言

入职第一天，配置完环境一般就没什么需要做的了，熟悉一下同事，熟悉一下项目，看看需求文档，不要太紧张。。。。。

这里推荐几款VScode比较实用的插件，链接：VScode常用的插件-CSDN博客