最近公司里的后端大哥们也想学前端，经常跑来问我前端项目为啥跑不起来，我一看他们电脑的前端环境，啧啧啧！！！那真是一团糟啊！！！
于是在他们的‘胁迫’下，我只好写下这篇文章，希望他们不要再来打扰我摸鱼啦。😁😁😁
1. 使用 nvm 管理 node.js 版本
前端开发时无法避免使用不同版本的 nodejs ，为了方便管理和切换 node.js 版本，我们可以使用 nvm 进行管理
- windows 系统参考链接： Windows nvm安装与使用 - 掘金 (juejin.cn)
- macos 系统参考链接：mac安装nvm详细教程 ｜｜ mac配置nvm避坑 - 掘金 (juejin.cn)
- linux 系统参考链接：linux环境安装nvm - 掘金 (juejin.cn)
在项目中使用
npm有点差强人意，建议使用yarn管理项目依赖
2. 使用 git 管理项目代码
在开发项目时，我们常常用 git 管理代码版本
参考链接 图文详解 Git 安装【当前最新，最详细版】 - 掘金 (juejin.cn)
3. 最好用的服务器连接工具
后端往往会使用 xshell ，但是我这里推荐使用微软的 Termius 工具，既有 shell 功能，也有 sftp 功能
参考链接： 跨平台SSH客户端：Termius Beta 中英文激活版 - 掘金 (juejin.cn)
4. 使用好 vscode 插件，提高开发效率
用了下面这些插件，工作任务总是完成的又快又好，摸鱼时间更多啦
Auto Close Tag
可以自动添加 html 的关闭标签
Auto Rename Tag
可以重命名对应的 html 标签名称
Bundle Size
为你展示引用的第三方包的大小
CodeGeeX
全名：CodeGeeX: AI CodeComplete, Chat, Auto Comment
AI 帮你自动写代码，提高你的效率，可免费使用
Git Graph
可以很清晰的看到git提交历史记录
GitLens
好用的 git 工具，可以看到每行代码是谁提交的
indent-rainbow
优化代码的缩进样式
Prettier
作者最爱的代码格式化工具
Remote - SSH
微软出品，可以直连linux服务器，在服务器上直接写代码
Turbo Console Log
使用 ctrl + alt + l ，就可以生成好看的控制台日志，带有小🚀的那种哟
