前端新人，入职新公司需要注意安装什么软件

最近表弟刚毕业，做为新人前端，问到了表哥我，说新人入职前端公司需要安装什么软件，那我就整理一下，方便他和我其他的表弟查阅吧。

编辑器 vs code

首当其冲的是 编辑器，我们吃饭的工具。 官网地址

其次是需要安装的插件列表：

• Chinese (Simplified) Language Pack for Visual Studio Code

• 汉化包

• ESLint

• 团队代码开发规范工具

• Live Server

• 实时监听刷新静态页面工具

• open in browser

• 快捷打开html页面预览工具

• Prettier - Code formatter

• 代码格式化工具

• Vetur

• vue2 语法提示工具

• 小程序开发助手

• 微信小程序代码提示工具

• GitLens — Git supercharged

• vscode 方便快捷管理git工具

• Volar

• vue3代码提示

• ES7 React/Redux/GraphQL/React-Native snippets

• react 语法代码提示

• Code Runner

• 快捷运行js代码片段
  

谷歌浏览器

前端必备开发浏览器工具 官网

谷歌浏览器插件

建议 爬墙出去安装

• Vue.js devtools

• vue 开发调试工具

• React Developer Tools

• react 开发调试工具

• Redux DevTools

• redux 开发调试工具

• JSON-handle

• 快捷预览 json 接口工具

• Octotree - GitHub code tree

• 目录形式预览github仓库工具

• 掘金

• 快捷预览掘金工具

火狐浏览器

也是个开发者喜爱的浏览器 官网

nodejs环境

怎么可能少得了我们 node 。

两种安装方式

1. 直接使用 node安装包
2. 使用nvm来安装

node安装包

官网

如果要指定版本下载 链接

查找你要的版本，点击进去 找后缀名为 msi的文件，下载即可

nvm 安装node

如果 想要在一台电脑上安装多个版本的nodejs，建议使用 nvm 链接

下载 安装即可

1. 安装对应版本的node

nvm install node@14.17.2

切换到对应版本的node

nvm use 14.17.2

查看本地已经安装的node

nvm list

nrm

方便切换各个不同地址的镜像源

1. 全局安装

npm i nrm -g

1. 测试速度

nrm test

切换镜像源

perl

nrm  use taobao

git版本管理工具

代码版本管理工具 链接

有道云笔记

可以随时同步到网络上的笔记工具，支持markdown 链接

wps

office太重，而且不免费 国内的wps 就挺好 链接

思维导图工具

程序员随手笔记 工具 链接

snipaste

必备的随手贴图工具，谁用谁知道 链接

everything

搞笑的 本地搜索工具 链接

px像素大厨

本地 量图工具，切图仔专用 链接

teamview

远程工具，让你在家也可以轻轻松松操作公司的电脑 链接

有道词典

随手查查英文单词 链接

微信开发者工具

开发微信小程序必备 链接

科学上网工具

随时 出墙 查阅资料必备。自行百度即可