前端新电脑应该安装哪些

---

当你入职，或者新买一台Mac时应该装哪些工具呢，让我们来看看吧(仅供参考)

vscode

// 需要安装的插件
* 汉化包-    Chinese (Simplified) Language Pack for Visual Studio Code   

* 团队代码开发规范工具-   ESLint

* 实时监听刷新静态页面工具-    Live Server

* 快捷打开html页面预览工具-    open in browser

* 代码格式化工具-     Prettier - Code formatter

* vue2 语法提示工具-     Vetur

* 微信小程序代码提示工具-     小程序开发助手

* vscode 方便快捷管理git工具-     GitLens — Git supercharged

* vue3代码提示-     Volar

* react 语法代码提示-     ES7 React/Redux/GraphQL/React-Native snippets（选装）

* 快捷运行js代码片段-     Code Runner

chrome浏览器 、 chrome插件extfans下载地址

* vue 开发调试工具-     Vue.js devtools
* react 开发调试工具-     React Developer Tools
* redux 开发调试工具-     Redux DevTools
* 快捷预览 json 接口工具-     JSON-handle
* 谷歌翻译-      Google翻译 (不好用了)
* 沙拉查词-     沙拉查词-聚合词典划词翻译(划词翻译)
* 极速翻译-网页全文翻译      -网页全文翻译(可以替代谷歌翻译网页全文)
* 广告拦截(包括百度搜索广告)-  Adblock Plus - 免费的广告拦截器(推荐，好用)

火狐浏览器

nodejs环境

不要急着安装node，以后需要用到nvm去切换node版本，所以直接安装nvm就行了
nvm安装参考地址

git

nvm安装之后自带git,如果不用nvm，点上面链接单独装即可

git账号全局配置
git config -l   //查看
git config --global user.name "xxx"
git config --global user.email xxx@example.com

安装vue cli

vue-cli,有2.0版本和3.0版本，创建也不同，看公司项目用到哪个版本装哪个吧

Git客户端管理工具 Sourcetree

一款不错的可视化git版本分支等管理工具
使用和安装教程可以参考这两个地址： 参考1 、 参考2

微信开发者工具

这个不用多说了

Hbuilder X

这个感觉在mac上运行特卡，不知道你们是什么样的

其他辅助类的工具

• 有道云笔记

• wps

• 思维导图工具XMind

• px像素大厨 本地 量图工具，切图仔专用

• 有道词典

• 科学上网工具 随时 出墙 查阅资料必备。自行百度即可

• photoShop

• 微信

• QQ

• 钉钉