最近下班早，全靠他们了vscode 插件 1⃣️ javascript console utils 前端开发调试问题最常

vscode 插件

1⃣️ javascript console utils

前端开发调试问题最常用就是console.log了，我总感觉在浏览器debug不是太友好，不像c++可以无脑debug，说实话刚转行的时候我很不习惯。使用这个插件可以通过快捷键快速生成console.log

具体用法：选中要打印的变量后使用快捷键 cmd+shift+l

删除当前页所有的console 使用快捷键：cmd+shift+d

缺点：使用快捷键删除console.log 原本那一行会变成空行

2⃣ ️tabnine

会学习你的代码风格，因为业务原因，我相信每个公司代码风格都不太一样，但是tabnine会学习，然后很多时候提示的代码真的很正确，按下tab就可以选择用不用，有时候一大段都不用敲，一直按tab真的很爽，

这个灰色部分就是tabnine的提示，有时候还没帮你起个变量名啥的，关键还免费，不香吗

我没用过git coplite 大概两年前，我同事用是收费的，不知道现在是收不收费。感觉tabnine可以是他的平替。

3⃣ BITO

我必须来夸一夸️BITO 真的好好用啊，关键还免费，IDE中的chatgpt插件，在 vscode 以及webstrom idea 上都可以安装，本人转行初期简直离不开他，不会的问题，但凡你能描述出来，都可以问他，给的答案真的靠谱。

我用它比较多的场景是

2.代码优化，如果有些代码你感觉写的冗余，但是一时间不知道怎么精简比较好

3.各种疑难杂症，报错之类的

这个我真的推荐，虽然你的ide里面可能集成了什么git界面操作，现在这样的插件也好多，而且ide中基本也集成了这个能力，但是作为程序员，难免有时候要敲敲指令，因为我习惯以指令为主。

通过给GIT指令起别名，就特别有用

比如将git checkout 重命名为 git co

git config --global alias.co checkout

要取消对Git指令的重命名，你可以使用以下命令来删除之前设置的别名：

git config --global --unset alias.co

再比如将 git commit 重命名为 git ci ：
git config --global alias.ci commit

oh my zsh

时间久我有点忘记怎么安装的了，安装这个工具后终端会默认展示当前的分支名，和文件名，

印象中也不算麻烦，可以参考官网。

浏览器插件：沉浸式翻译 immersivetranslate.com/en/

直接去官网下载扩展插件就行，入口在这里，非常简单

安装好之后吸附在浏览器页面的右侧有一个入口，翻译非常简单，最重要的是网页翻译的时候一点不会弄乱样式。

翻译前

翻译后：

在这里还可以做些更详细的翻译配置，因为我电脑语言系统是英文，正常情况这个设置页面是中文展示的

具体怎么做呢，就是你在做任何事情的时候，都可以在旁边开个小窗，我用的sublime，还可以是任何你喜欢的编辑器，都可以，不仅可以做备忘录，也可以顺便记录下自己的事情，记录自己突然闪现的好的想法💡，真的很好。下班的时候可以汇总到一个文档中。