前端--入职准备

最近经常有一些刚入职的小白请教我刚入职需要注意什么，我就写一些当时我刚入职的问题吧。但因年代久远，也忘了一些具体事项。但还是希望能对你们有所收获。

如果你入职的公司会配电脑，一般的都是新电脑，上面什么都没有，咱们需要的东西都是得自己配置，可以提
前把软件准备好，否则你下载就得好长时间，再加上配各种环境又得弄好久，最主要网上直接下载有的软件确实很 容易出问题。

一：软件推荐

1. Vscode 插件（必须）

   1：Chinese (Simplified) Language Pack for Visual Studio Code ----英文转中文     
   2：ES7 React/Redux/GraphQL/React-Native snippets ----react 快捷键模板 rcc 
   3：ESLint ----代码风格化(npm install eslint --save-dev) 
   4：open in browser ----直接打开浏览器 
   5：vetur ----vue 代码提示 * Node（必须） `node –v ; npm –v 下载淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org 
   7:px-to-vw： px与vw转化
   8：px to rem
   9：git-commit-plugin git提交规范

2.git:（必须）
3.xmind查看思维导图文件
4.Typora查看 md 文件
5.有道
6.Photoshop
7.微信开发者工具：开发公众号以及小程序必须
8.soursetree:git可视化工具，可很大程度上简化git命令的执行

1：此外最好准备一份有关 git 的常用操作，以备不时之需
2：nrm：
下载npm install -g nrm
nrm ls :查询当前安装镜像  
nrm use：使用选择镜像源

注意：下载镜像源保错：path.js:39 throw new ERR_INVALID_ARG_TYPE(‘path‘, ‘string‘, path)；
原因：C:\Users\86178\AppData\Roaming\nvm\v10.14.0\node_modules\nrm\cli.js下的文件出错
修改：const NRMRC = path.join(process.env.HOME, '.nrmrc');
         改为： const NRMRC = path.join(process.env.USERPROFILE, '.nrmrc');
3：nvm
nvm ls: 查询当前安装node版本 
nvm下载：https://www.cnblogs.com/fqh123/p/13069212.html

4: cnpm报错
npm : 无法加载文件 C:\Users\Admin\AppData\Roaming\npm\cnpm.ps1，因为在此系统上禁止运行脚本
解决：
1. 管理员身份运行 window.powershell;（第一步在win10系统任务栏上，点击搜索图标，输入“PowerShell”， 以管理员身份运行）
2. 执行：get-ExecutionPolicy，显示Restricted，表示状态是禁止的;
3. 执行：set-ExecutionPolicy RemoteSigned;
4. 这时再执行get-ExecutionPolicy，就显示RemoteSigned

5. 
 1.查看当前镜像: npm config get registry
 不是淘宝的,更换为淘宝镜像
 2 .更换镜像: npm config set registry https://registry.npm.taobao.org

9：VSCODE 配置eslint规则和自动修复
https://www.cnblogs.com/sheseido/p/12357144.html
10：postman测试后端接口

二：clone 项目

先进入项目小组，拉项目，将模块下载好运行项目，运行项目可能会遇到问题，

 我遇到的原因：
  1：node 安装版本过低，部分模块无法下载。 
  2：部分模块 npm 无法下载，所以用 npm I 以及 cnpm i 都下载一遍
  3：部分公司用内部内置命令，如阿里用 tnpm I 下载模块， 此外如果还有问题，就问问同事项目有没有其他特殊限制， 然后看公司项目基本配置，比如路由配置，接口配置，页面书写规范等等，一定要注意公司内部是否会将项目 中经常需要的操作内置方法，比如我们公司导入 excel，导出表格为 excel 等效果，我的任务中有这几个需求，我不 知道项目中就配了方法，只要简单的调接口就行，所以我自己写了好久，不仅多浪费了很多时间，效果也没实现多 好。然后不要一直盯着代码看，要自己动手写，自己现根据之前人写的东西配一个路由看看是否会出问题，然后再 尝试掉下接口，写一下简单效果。最后一定要问公司项目用的组件库是什么，然后自己熟悉一下，否则项目需要某 个组件你也不清楚用哪一个。

三：项目流程

设计图----前端开发页面（后端写数据，步接口）—前后端联调（看接口有无问题）—冒烟（自测，将页面从头
到尾过一遍，注意公司项目特别要求）—提测

在开发前首先一定要核实设计稿是不是符合规范，逻辑是不是有问题，图文是不是符合产品需求，以及在你开发的过程中会不会出现问题，因为如果在接手的时候不认真看，后续出现问题可能还是会由你来背锅。其次查看接口文档的数据格式是不是方便你的开发，因为前端主要负责页面的开发，后端负责数据的处理，因而前端层面最好不涉及数据的处理，如果后端返回的数据你无法直接使用以及需要的数据你无法直接得到，可以跟后端进行沟通，看看能否由后端来处理数据。

四：学习准备

在入职之前最好能够看一些项目实战的视频，了解一下开发的整个流程，那样在某一环节出现问题也明白如何解决

总结

前端工作没有想象的那么难，小白也很容易上手，所以压力大可以不要那么大，平常心即可。当然精通也没那么容易，所以也要及时更新自己的知识库。看到过有的同学入职后吐槽前端发展过快的，但我想说走上程序员这条路，就意味着准备好了不断的学习，时刻准备好同事的紧急呼唤（比如改bug，解决线上故障等等）。

最后，祝君入职快乐，越来越好！