vscode常用插件和工具

参考：https://baijiahao.baidu.com/s?id=1710298515944832852&wfr=spider&for=pc

目录

1.Bracket Pair Colorizer

效果：代码带上颜色
在这里插入图片描述
备注：
由于截至2022年Bracket Pair Colorizer1和2将不再维护，vscode内置了该配置
启用需要在vscode设置中设置如下配置：

"editor.bracketPairColorization.enabled": true,  // 开启原生括号着色
"editor.guides.bracketPairs":"active",  // 开启‘修改代码’时的代码块边缘导轨线着色

2.简体中文包

在这里插入图片描述

3.debug调试包

调试工具

使用方法：安装上以后debug窗口，点击断点，按F5调试

前端调试几乎不用，编辑器调试工具一般都是后端
在这里插入图片描述

4.ESlint

在这里插入图片描述

5.TortoiseSVN 小乌龟

svn 版本管理工具
在这里插入图片描述

6.Vetur

代码补全
在这里插入图片描述

7.vue-format

vscode 编辑器格式化插件，格式化单文件“.vue”文件代码，主要起辅助Vetur，因为使用的时候发现，两者缺少一个就不能使用
在这里插入图片描述

8.open in browser

直接使用浏览器打开
在这里插入图片描述

9.Current File Path

显示当前文件路径
在这里插入图片描述

10.Search node_modules

快速查找node_module 文件
点击control + k 然后 + n
在这里插入图片描述

11.本地服务器插件 Live Server

在这里插入图片描述

安装完后，打开一个项目，在VsCode编辑器底部，启动服务
在这里插入图片描述
关闭服务器，点击右下角Port:5500

12.GitLens — Git supercharged

可以显示每一行代码git日志，完美溯源
在这里插入图片描述

13.git history

浏览git log，文件历史
在这里插入图片描述

14.Prettier - Code formatter

代码格式化插件：通过解析代码并使用自己的规则重新打印它来强制执行一致的样式，这些规则将最大行长度考虑在内，并在必要时包装代码

快捷键：alt+shift+f
在这里插入图片描述

15.Tabnine

代码补全
在这里插入图片描述

16.Markdown Editor

MD富文本笔记编辑器
在这里插入图片描述

posted @ 2022-12-06 22:20  轻风细雨_林木木  阅读(39)  评论(0)    收藏  举报