前端入职第一天,你需要怎么做?
马上到了毕业季,2023年针对目前我了解的市场需求和大部分公司.给大家总结前端工作者最全面的一份第一天的入职攻略!
目前仅针对window系统,mac系统同学可以进行借鉴但是在安装和使用时有很大区别.
1.环境配置
(1)node配置
1.普通安装(一般推荐)
这里就是直接安装我们的node 下载链接 nodejs.org/en/
2.使用nvm来安装和控制node
nvm安装和使用地址https://www.cnblogs.com/gaozejie/p/10689742.html
nvm方法是目前最推荐的办法,因为很多项目使用的node版本层次不齐,我们需要来回切换,确保我们不用频繁去官网更换node
就拿博主举例需要维护的老项目用的12.20.2,新项目需要18.15.0
*号为当前使用的node版本
(2)常用的包管理工具
·cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org·yarn
npm i -g -yarn·安装我们的@vue-cli脚手架
npm install @vue-cli(3)git配置
git作为我们码农常用的仓库代码管理,配置git也是必不可少的环境,很多同学可能只配置过一次之后再也没有动过,所以很有可能会遗忘
这里window系统安装地址:Git for Windows
Git 各平台安装包下载地址为：Git - Downloads
Git 各平台安装包下载地址为：Git - Downloadshttp://git-scm.com/downloads
按照提示步骤我们一步一步往下走即可.
目前很多仓库管理如Coding,gitee,gitHub等等,同学们一定要问清楚,并注册相应的账号,同时让组长等人给你开放相应的权限哦
2.编译器安装
(1)Vscode
vscode目前是大部分前端工作者使用最多的开发工具,其内置插件对开发者开发速度质量有很大的帮助,深受大家喜爱.vscode下载地址
Vscode插件
我们在更换电脑后我们的插件是无法携带的,所以我们小伙伴需要根据自己的喜好,或者公司要求去安装差价,建议把自己之前使用的插件重新安装方便后期使用,这里博主也给大家推荐一款不错的插件,供大家挑选.
Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code
将我们的vscode开发工具英语转化为中文
Git Graph
更加清晰看清楚我们git分支提交内容合并位置
Easy less/sass
对我们常用的css预处理器的简便使用和文本识别
当然关于这样的插件还是很多,我们根据自己的使用习惯来下载使用.
(2)HBuilder X
HBuilder X是更为简洁搞笑的一款开发工具,其体积小,页面内容少也获得很多开发者喜爱,同时HBuilder X也是uni-app和小程序首选的开发工具,他可通过自己内置组件运行,HBuilder X的官方下载地址为HBuilderX-高效极客技巧
但是注意安装我们的开发者工具!!!!!!
目前推荐的是这两款易上手及其方便的开发者工具,同学也可以根据自己的喜欢选择自己喜欢的开发者工具来使用.
3.浏览器安装及其内置插件
(1) Google Chrome谷歌浏览器
谷歌浏览器作为我们开发者使用频率最高的浏览器,其高效简洁易开发受到我们开发者的喜爱,
其优点不言而喻,丰富的插件系统也深受我们开发者的喜爱
下载地址 Google Chrome 网络浏览器
(2)Mozilla Firefox
Mozilla Firefox，中文名通常称为“火狐”或“火狐浏览器”，是一个开源网页浏览器，使用Gecko引擎（非ie内核），支持多种操作系统如Windows、Mac和linux。
下载 Firefox 浏览器，这里有简体中文及其他 90 多种语言版本供您选择
(3)Safari Mac用户首选
Safari，是苹果计算机的最新操作系统Mac OS X中的浏览器，使用了KDE的KHTML作为浏览器的运算核心。Safari在2003年1月7日首度发行测试版，并成为Mac OS X v10.3与之后的默认浏览器，也是iPhone与IPAD和iPod touch的指定浏览器。
Safari 浏览器 - Apple (中国大陆)
4.了解公司开发规范
-
HTML规范
-
CSS规范
-
js代码规范
-
Eslint规范
-
commit规范
5.了解整体项目内容框架
以vue-element-admin举例
我们要迅速定位到我们日后工作需要那部分的公共组件,api和文件页面书写位置,如果有明确需求,我们已点看面层层外扩的方式去看我们的项目.
如果只是让你熟悉公司代码,并没有给你派发日后任务,我们就从大分类向内,了解每个大文件的内容,再去了解其内部具体文件.
6.认真对待工作
- 每一个项目认真对待，注重代码质量。
- 融入团队才能配合的更好。
- 发散思维，一个问题可能有不同的解决方案，过程可能会消耗很多时间，但找到一个最佳解题思路会让你在今后遇到相同问题能更快且高效处理
- 前端在不断发展，自己也得不断学习
更多前端内容请关注前端-小苗,如果文件对您有帮助请关注点赞收藏,希望各位在前端的路上越走越好!!!!!!