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

·  阅读 2132
前端新人,入职新公司需要注意安装什么软件

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

编辑器 vs code

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

image-20210925204950498

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

  • 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安装包

官网

image-20210925205915721

如果要指定版本下载 链接

image-20210925205946013

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

nvm 安装node

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

下载 安装即可

image-20210925211714960

  1. 安装对应版本的node

    nvm install node@14.17.2
    复制代码
  2. 切换到对应版本的node

    nvm use 14.17.2
    复制代码
  3. 查看本地已经安装的node

    nvm list
    复制代码

nrm

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

  1. 全局安装

    npm i nrm -g
    复制代码
  2. 测试速度

    nrm test
    复制代码
  3. 切换镜像源

    nrm  use taobao
    复制代码

git版本管理工具

代码版本管理工具 链接

image-20210925210055043

有道云笔记

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

image-20210925210418071

wps

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

image-20210925210428111

思维导图工具

程序员随手笔记 工具 链

image-20210925211434958

snipaste

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

image-20210925210532501

everything

搞笑的 本地搜索工具 链接

image-20210925210609670

px像素大厨

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

image-20210925210659134

teamview

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

image-20210925210739397

有道词典

随手查查英文单词 链接

微信开发者工具

开发微信小程序必备 链接

科学上网工具

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

分类:
前端
标签:
分类:
前端
标签:
收藏成功!
已添加到「」, 点击更改