前端入职配置新电脑!!!

这篇具有很好参考价值的文章主要介绍了前端入职配置新电脑!!!。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

        前端岗位入职第一天到底应该做些什么呢?又该怎样高效的认识、融入团队?并快速进入工作状态呢?这篇文章就来分享一下,希望对即将走向或初入前端职场的你,能够有所帮助。内含大量链接,欢迎点赞收藏!

办理入职

        入职当天,HR小姐姐会带领你签署入职合同、办理员工档案(企业如有经营管理系统,会告知你账号密码)、录入门禁等。而大公司大概率会在你入职的当月前后,组织近期刚入职的员工,进行新员工培训,帮助你理解包括但不限于企业文化/愿景/价值观、公司的组织架构、行政制度、财务制度等。

认识团队

        签署完劳动合同后,一般HR小姐姐会带你熟悉公司及周边环境,并介绍你认识团队成员,把你交付给直属领导(一般是面试你的)。

        认识新同事后,要主动与团队成员沟通交流,可简单了解团队的协作方式(代码管理工具、开发工具、编码规范等),而选择中午与团队成员一起吃午饭,是快速融入团队的最好时机。

        除了从与成员交流中来认识团队,还可以从代码仓库中了解团队背后的故事,开发者的细节都埋藏在 commit 记录中。这种事情当你做过后,你会发现自己对团队又有了新的认识。

        当办理完入职手续,领取完电脑(大概率是没得),下面要做的就是搭建环境、安装工具(本文 Windows 64位系统为例),毕竟子曰:工欲善其事,必先利其器。

搭建环境

Node.js(极为建议使用nvm和nrm 
nrm和nvm是极为出色的node包管理工具和镜像管理工具链接如下:

使用nvm安装管理nodejs(node.js version management)_node.js version management安装教程-CSDN博客

nvm 和 nrm安装使用-CSDN博客

前端项目基本都依赖 Node.js 环境,一般推荐下载稳定版本 LTS(稳定版),按照提示下一步安装即可。

官网下载

  • Node.js

前端入职配置新电脑!!!,前端,前端

安装成功后,就有 npm 了。终端输入和 npm -v 命令可查看 Node.js 和 Npm 版本号。

如图:

前端入职配置新电脑!!!,前端,前端

还可以把 npm 的下载源换成公司的。

  • 查看下载源 npm config get registry

  • 切换下载源 npm config set registry https://registry.npm.taobao.org/

前端入职配置新电脑!!!,前端,前端

nvm

一般公司项目对 Node.js 的版本要求不同,所以我们需要一个工具来为不同的项目配置不同的版本,这里推荐 nvm,全名 node.js version management。

下载地址

  • Releases · coreybutler/nvm-windows · GitHub

前端入职配置新电脑!!!,前端,前端

如果先安装了 Node.js ,要在 nvm 安装过程中正确配置 Node.js 的路径。

前端入职配置新电脑!!!,前端,前端

常用命令

  • 查看安装版本 nvm -v

  • 查看已安装的版本 nvm list

  • 安装最新版本 nvm install latest

  • 安装指定版本 nvm install 20.11.1

  • 卸载指定版本 nvm uninstall 20.11.1

  • 切换指定版本 nvm use 20.11.1

  • 显示Node是运行在32位还是64位 nvm arch

nrm

上面我们提到了切换 npm 下载源,而 nrm 就可以帮助我们管理和切换 npm 下载源。

  • 安装命令 npm install -g nrm

前端入职配置新电脑!!!,前端,前端

常用命令

  • 可用下载源列表 nrm ls

  • 切换下载源 nrm use taobao

  • 测试速度 nrm test

  • 添加自定义下载源 nrm add test1 http://test1.com/

  • 删除源 nrm del test1

高效工具

Visual Studio Code,强烈推荐!开源、免费且跨平台的代码编辑器。

官方下载

  • Visual Studio Code - Code Editing. Redefined

前端入职配置新电脑!!!,前端,前端

更多用法及插件,可以查看这篇文章:

  • 入坑 VSCode,看这一篇就够了 - 掘金

版本控制工具 Git

Git 是一个免费的开源分布式版本控制系统,旨在快速高效地处理从小型到超大型项目的所有内容。

官网下载

  • Git - Downloading Package

前端入职配置新电脑!!!,前端,前端

下载后安装默认选项安装即可,桌面右键,存在Git Bash选项代表安装成功。

前端入职配置新电脑!!!,前端,前端

Git 对于前端新手来说,命令之多,很难记住。TortoiseGit 是一款开源的Git的版本控制系统,也叫海龟GitTortoiseGit 提供了人性化的图形化界面,用起来更加简便,更加容易上手。

官网下载

  • Download – TortoiseGit – Windows Shell Interface to Git

前端入职配置新电脑!!!,前端,前端

按照默认选项,安装成功后,如图:

前端入职配置新电脑!!!,前端,前端

不想用英文的,还可以继续安装语言包

前端入职配置新电脑!!!,前端,前端

汉化后:

前端入职配置新电脑!!!,前端,前端

更多Git操作教程

  • 我在工作中是如何使用 git 的 - 掘金

浏览器

前端使用最多的当属谷歌浏览器 Chrome,后期可以通过账号登录,同步浏览器插件和书签。

官网下载

  • Google Chrome - 快速安全的网络浏览器,专为您而打造

前端入职配置新电脑!!!,前端,前端

Chrome 浏览器插件推荐:

  • 强推 20 款实用的 Chrome 浏览器插件 - 掘金

在线图片压缩

为网站开发者和设计师量身定制的解决方案,确保每个网站的最佳访问性能。使用我们的图像优化工具发现更快加载时间的优势。

官网

  • TinyPNG – Compress WebP, PNG and JPEG images intelligently

前端入职配置新电脑!!!,前端,前端文章来源地址https://www.toymoban.com/news/detail-840129.html

到了这里,关于前端入职配置新电脑!!!的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 入职微软一月后的感悟,谈谈面试经历及入职体验,web前端常见面试题

    在某一天,我在某 App 上被一个微软的陌生人勾搭,简单地电面后一拍即合,我向他投递了简历。 正式的面试一共有四轮,三轮技术面 + 一轮 AA 面(大老板),每轮持续时间一个小时左右。 除了最后一面聊了聊人生、理想、逻辑推理等非技术内容。其他三面基本上是项目算

    2024年04月26日
    浏览(48)
  • 前端新手电脑环境配置(保姆级)

    新手前端第一天进公司,拿到一台新电脑,该如何配置电脑环境呢~ 官网下载地址:https://www.google.cn/chrome/ 这里建议把这个翻译软件配置起,很好用。 1.在谷歌浏览器内右键点击访问Chrome应用商店 2.搜索沉浸式翻译 3.添加扩展程序 4.添加成功后在谷歌浏览器右击就可以使用了

    2024年03月11日
    浏览(59)
  • 常用Git指令|初入职Git指令学习|如何将Git项目拉至本地|如何将本地项目上传至Git|Ubuntu下Git环境配置|Ubuntu下如何利用VSCode使用Git指令

    实习入职已经一个月了,整理一下自己常用的一些指令,供自己查阅,也可以供一些新入职朋友参考。 这条博客也会不定时更新。 2022.10.26更新Ubuntu环境下的Git配置,因为最近可能需要win,Ubuntu,Mac三端代码同步,所以Git工具要用起来了! Git是一款代码同步的工具,方便团队协

    2024年02月09日
    浏览(56)
  • 入职微软一月后的感悟,谈谈面试经历及入职体验

    与某些公司对算法题的考察不同,我的面试面板没有 AC 要求,换句话说就是白板编程,面试官提供的只是一个空白的在线编辑器。 他们似乎更注重和你的沟通而不是仅仅得到答案,每一轮算法部分我都是先向面试官确认测试用例的形态,也就是输入什么得到什么输出。然后

    2024年04月17日
    浏览(38)
  • 前端调用电脑摄像头

    项目中需要前端调用,所以做了如下操作 先看一下效果吧 主要是基于vue3,通过canvas把画面转成base64的形式,然后是把base64转成 file文件,最后调用了一下上传接口 但是这个得开启浏览器的摄像头权限,不然会报错 以下是代码 进入页面先调用一下摄像头 拍照 转base64 完整代

    2024年02月10日
    浏览(50)
  • 新电脑Mac安装前端环境,未完待续~

    电脑:MacBook Pro (15-inch, 2017) 版本接近可以用迁移助理 太久远就只能新电脑环境重装了, 微信小程序,支付宝小程序,安卓,IOS 无非这几种 以下就是一名前端小程序开发人员环境配置步骤 仅供参考 纯新电脑安装 ——————————————前端常用的工具安装————

    2024年02月09日
    浏览(53)
  • VUE前端判断是电脑端还是移动端

    ruoyi框架,前后端分离。现在要在用户访问的时候根据不同的设备跳转到不同的登录页面。 修改src/router/index.js,在这里增加自己的要跳转的页面 在白名单中添加自己的登录页面 增加以下识别的代码 -----华丽的分割线,以下是凑字数,大家不用花时间看,快去改代码----- ---

    2024年04月18日
    浏览(39)
  • 刚入职,就想跑路了...

    刚入职一家公司,想离职又怕找不到新工作。 说实话,这个问题还是蛮常见的,很多时候,入职的公司并不是自己最满意的,即使是最满意的,入职后总会遇到各种各样的不顺心,公司制度不规范啊,领导 PUA 啊,工作内容和预期不符啊等等等。 如果你刚入职一家公司,就已

    2024年02月05日
    浏览(48)
  • Maven入职学习

    概念: Maven是一种框架。它可以用作依赖管理工具、构建工具。 它可以管理jar包的规模、jar包的来源、jar包之间的依赖关系。 它的用途就是管理规模庞大的jar包,脱离IDE环境执行构建操作。 具体使用:  工作机制: 学习Maven一定要理解,工程的构建过程: Maven的作用路径:

    2024年02月13日
    浏览(39)
  • 入职6个月,被裁了...

    我跟大多数人不大一样,从来没有说要等公司主动裁员拿补偿,我看自己没有什么价值或者是公司不行了,我都会主动离职。但是这次也太突然了。公司很大已上市,并不是不行了,总结原因就是,一是领导无能,二是行业内卷。 今年年初我在一家互联网公司工作,岗位是软

    2024年02月03日
    浏览(46)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包