前端--入职准备

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

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

一：必备软件

1. Vscode 插件（必须）

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

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

此外最好准备一份有关 git 的常用操作，以备不时之需

二：clone 项目

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

三：项目流程

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

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

四：学习准备

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