目录
一.先安装个谷歌浏览器，稳定版。
二.安装公司日常交流软件
三.安装个VSCode
四.安装nvm
五.vue-cli的安装和配置
六.安装git
配置git账号
拉取线上仓库到本地
一些常用git命令
GitLab配置公钥私钥
七.其他工具
网络抓包工具：whistle
反向代理工具：nginx
调试接口工具：postman
重构工具：PS、XD 等
收到电脑要看一下配置，先把配置内存条搞定，不然安装完环境，用了两天发现内存不足，还不能安内存条，那就得换电脑，开发环境白配置了，要重新来。。。
一.先安装个谷歌浏览器，稳定版。
作为一名前端程序员，和浏览器打交道肯定是必不可少的。Chrome，Edge 都有着丰富的扩展资源。你可以下载插件帮助你更好的在工作中调试代码。
- React Developer Tools
- Vue.js devtools
- GraphQL developer tools
如果要调兼容那继续下载火狐、360等。
二.安装公司日常交流软件
如微信电脑版，企业微信，钉钉等。
三.安装个VSCode
工欲善其事，必先利其器
对于我们每一位软件工程师来说，都要有自己顺手的 IDE 开发工具，它就是我们的武器。
一个好用的 IDE 不仅能提升我们的开发效率，还能让我们保持愉悦的心情，这样才是非常 Nice 的状态
那么，什么是 IDE 呢 ？
what
IDE（Integrated Development Environment，集成开发环境）是含代码编辑器、关键词高亮、智能感应、智能纠错、格式美化、版本管理等功能于一身的 “高级代码编辑器”
每个 IT 工程师都要有自己顺手的 IDE，它是我们的武器
要理解无论使用什么 IDE 编写出来的代码，本质上都是 “白底黑字” 的，都是 “纯文字” 的
具体的安装细节可以参考这个文章：VSCode 安装教程（超详细）_9.冄2.7.號的博客-CSDN博客
四.安装nvm
这个可以管理安装nodejs的不同版本+对应版本的npm，当你遇到不同node版本的项目时就可以随时切换node版本。
1.安装nvm及配置
首先下载nvm不要下载node,如果电脑已经有node的话需要卸载node，并使用命令提示符来查看node的位置（where node）手动删除
nvm下载链接：nvm文档手册 - nvm是一个nodejs版本管理工具 - nvm中文网
下载最新版本，next傻瓜式操作(需要注意的是）
选择node.js文件位置，如果需要更改，请在这里进行更改位置。
2.安装完成检查
nvm -v
显示出版本号即可，如果没有显示版本号就需要配置环境，跟node配置系统环境相同（将nvm目录地址添加到系统环境PATH中然后保存就可以了）
现在你可以使用nvm list 来查看在nvm控制之下的所有版本的node
nvm list 输入完成之后你会发现 欸 是空的 ，因为你没有下载任何node版本
3.下载node版本
使用 nvm list available 命令来显示所有可下载版本的node
使用 nvm install latest 安装最新版本的node
使用 nvm install 版本号 来安装指定版本的node
安装完成后就可以使用nvm list 来查看自己安装的所有的node版本了
版本号之前的携带* ，说明正在使用，这个时候是没有*号的，所以需要指定版本
使用 nvm use 版本号 来指定node版本
再输入 nvm list 就可以看到 携带*号的node了
使用 命令提示符 node -v查看node版本，npm -v查看npm版本 如果都出来了那么你已经完成了安装
五.vue-cli的安装和配置
使用 npm install -g @vue/cli 命令进行vue-cli的全局安装
安装完成后 使用vue -V 【这里的-V是大写哦！】来查看是否安装成功，如果出现版本号就说明安装成功
在选定的文件夹内，点击地址栏。输入cmd，打开指定位置的命令提示符。
使用vue create demo 来建立一个vue项目
按照个人需求置配，执行cd demo 和 npm run serve运行项目
六.安装git
下载地址为 git-scm.com或者gitforwindows.org，或者阿里镜像
可以参考这个文章：Git 详细安装教程（详解 Git 安装过程的每一个步骤）_git安装_mukes的博客-CSDN博客
配置git账号
配置全局的用户账号 ：
$ git config --global user.name "Your Name"
$ git config --global user.email "email@example.com"输入： git config user.name可以看看是否配置成功。
拉取线上仓库到本地
复制git的https地址
到你想放置项目的文件夹，单击鼠标右键，选择git bash here。
输入: git clone "地址" 项目就拉到本地了。
一些常用git命令
git init // 初始化 在工作路径上创建主分支
git clone "地址" // 克隆远程仓库
git clone -b dev "地址" // 克隆指定dev分支的仓库代码到本地
git checkout -b dev // 创建 并切换到dev 分支
git status // 查看状态 一般可以查看当前分支是否有冲突。也会提示你 下一步需要如何敲命令
git add . // 将所有文件提交到暂存区
git commit -m "提交的备注信息" // 提交到仓库
git push origin 分支 // 推送到远程仓库上
git pull origin 分支// 拉取远程仓库里的分支
git branch -a // 查看本地与远程的所有分支
git checkout dev // 切换到dev分支
git stash // 隐藏本地编辑 未提交的内容
git stash pop // 释放出隐藏的内容GitLab配置公钥私钥
官方说明： 使用 SSH 密钥与极狐GitLab 通信 | 极狐GitLab
为什么需要配置公钥和私钥？
git 使用 http 协议，每次 pull push 都会要输入密码，会比较麻烦，使用 git 协议，使用 ssh 密钥，可以省去每次 pull 或 push 都要输入密码的麻烦。
公钥一般是给服务器的，他们会在权限中加入我们给的公钥，当我们从远程仓库下载项目的时候，执行 git clone 时，那个服务器通过他绑定的公钥来匹配我的私钥，此时，如果匹配，就可以正常下载，如果不匹配，则项目下载失败。
大多数的 git 服务器都会选择使用 SSH 公钥来进行授权，因此系统中每个用户必须提供一个公钥用于授权，没有则要生成一个。
配置步骤：
第一步生成密钥
在终端输入 ，根据官方文档说明可以生成多种规则的密钥如：ed25519，rsa等，此处是ed25519
ssh-keygen -t ed25519 -C "yourname@xx.com"生成密钥 一路回车即可。
第二步 找到生成的密钥文件
一般文件会在C:\Users\账号\.ssh，查看 ssh 文件夹里面会有 id_ed25519 和 id_ed25519.pub 两个文件。
复制id_ed25519.pub文件内的内容。
第三步 复制公钥内容到 gitlab中配置。GitLab平台-用户头像-偏好设置-SSH密钥
选择到期时间，添加即可。
同理：云效代码管理平台-头像-个人设置-SSH公钥
七.其他工具
网络抓包工具：whistle
$ npm install -g whistlewhistle 不仅可以抓包，还可以配置手机端的代理，让你可以调试移动端的页面
反向代理工具：nginx
你可以使用 phpstudy 来快速配置 nginx文章来源：https://www.toymoban.com/news/detail-458673.html
调试接口工具：postman
重构工具：PS、XD 等
今天入职第一天，如果后续有什么需要安装的我再补上~文章来源地址https://www.toymoban.com/news/detail-458673.html
到了这里，关于前端新员工入职，需要为你的新电脑安装一些环境，开发工具的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
