[开发工具]visual studio code 查看已经安装的插件 && vue前端项目开发常用插件

visual studio code 查看已经安装的插件

点击插件，在输入窗口输入“@installed”

常用插件

Chinese (Simplified)

vscode 中文语言包

Auto Import

代码中所有需要 import 的内容，都会自动查找，并解析，提供代码补全的快捷提示

Bracket Pair Colorizer

可以把不同嵌套层级，不同类型的括号用不同的颜色表示

CSS Peek

可以从 html 的类名和 id 名链接到对应 css 样式定义的位置，相反，也可以从 css 样式定义的地方链接到在 html 的应用位置。

EditorConfig for vs code

可从 .editorconfig 文件读取编辑器的配置，方便团队统一 vscode 编辑器配置。

root = true //是否是顶级配置文件，设置为true的时候才会停止搜索.editorconfig 文件
[*] //匹配所有文件
charset = utf-8 //文件编码格式<"latin" | "utf-8" | "utf-8-bom" | "utf-16be" | "utf-16le">
indent_style = space //缩进方式<"tab" | "space">
indent_size = 2 //缩进大小
end_of_line = lf //换行符类型<"lf" | "cr" | "crlf"> 
insert_final_newline = true //是否让文件以空行结束
trim_trailing_whitespace = true //是否删除行尾空格

[*.md] //匹配 md 文件
insert_final_newline = false
trim_trailing_whitespace = false在这里插入代码片

Git History

git 的扩展插件，方便查看单个文件的提交记录，修改内容。快捷键：alt + H

GitLens

git 的扩展插件，鼠标点击某一行代码，可以显示代码的编辑者、最近一次的编辑时间。
左侧有快捷打开方式，如果不小心弄没了，可以按F1，输入gitlens: open setting，点击tags view 的快捷设置