vs code常用插件

2.代码预测

名称：Tabnine AI

地址：[https://marketplace.visualstudio.com/items?itemName=TabNine.tabnine-

vscode](https://links.jianshu.com/go?to=https%3A%2F%2Fmarketplace.visualstudio.com%2Fitems%3FitemName%3DTabNine.tabnine-

vscode)

注：通过学习个人编码习惯，预测你下一行要输入的代码

image.png

代码预测

3.实时查看git提交记录

名称：GitLens

地址：https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens

注：可以查看每行代码都是谁提交的

image.png

查看每行代码的提交人和提交时间

4.HBuilder x 豆沙绿主题

名称：HBuilderX push Light Theme

地址：[https://marketplace.visualstudio.com/items?itemName=ZQun.theme-hbuilderx-

push-

light](https://links.jianshu.com/go?to=https%3A%2F%2Fmarketplace.visualstudio.com%2Fitems%3FitemName%3DZQun.theme-

hbuilderx-push-light)

注：一直都用暗色主题，不知道是否心理作用，突然发现HBuilderX的豆沙绿看久了也不咋累眼

image.png

5.注释翻译

名称：Comment Translate

地址：[https://marketplace.visualstudio.com/items?itemName=intellsmi.comment-

translate](https://links.jianshu.com/go?to=https%3A%2F%2Fmarketplace.visualstudio.com%2Fitems%3FitemName%3Dintellsmi.comment-

translate)

注：许多优秀的项目，都有丰富的注释，自动翻译项目中英文注释

image.png

image.png

6.小程序语法高亮

名称：minapp

地址：[https://marketplace.visualstudio.com/items?itemName=qiu8310.minapp-

vscode](https://links.jianshu.com/go?to=https%3A%2F%2Fmarketplace.visualstudio.com%2Fitems%3FitemName%3Dqiu8310.minapp-

vscode)

注：虽然很久没更新了，但还是挺好用的

image.png

7.格式化

名称：Prettier

地址：[https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-

vscode](https://links.jianshu.com/go?to=https%3A%2F%2Fmarketplace.visualstudio.com%2Fitems%3FitemName%3Desbenp.prettier-

vscode)

image.png

8.ESLint

名称：ESLint

地址：[https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-

eslint](https://links.jianshu.com/go?to=https%3A%2F%2Fmarketplace.visualstudio.com%2Fitems%3FitemName%3Ddbaeumer.vscode-

eslint)

image.png

9.调试3D模型

名称：glTF Tools

地址：[https://marketplace.visualstudio.com/items?itemName=cesium.gltf-

vscode](https://links.jianshu.com/go?to=https%3A%2F%2Fmarketplace.visualstudio.com%2Fitems%3FitemName%3Dcesium.gltf-

vscode)

注：直接在编辑器中预览和调试 glTF 3D 模型

image.png

10.主题

名称：Bearded Theme

地址：https://marketplace.visualstudio.com/items?itemName=BeardedBear.beardedtheme

注：配色比vscode自带主题好看

image.png

11.Jupyter

名称：Jupyter

地址：[https://marketplace.visualstudio.com/items?itemName=ms-

toolsai.jupyter](https://links.jianshu.com/go?to=https%3A%2F%2Fmarketplace.visualstudio.com%2Fitems%3FitemName%3Dms-

toolsai.jupyter)

注：虽然搞前端，希望以后能用到

image.png

12.修改侧边栏图标

名称：vscode-icons

地址：[https://marketplace.visualstudio.com/items?itemName=vscode-icons-

team.vscode-

icons](https://links.jianshu.com/go?to=https%3A%2F%2Fmarketplace.visualstudio.com%2Fitems%3FitemName%3Dvscode-

icons-team.vscode-icons)

让你的侧边栏图标变得花里胡哨