个人收集向 - vs code 常用插件汇总

1、Bracket Pair Colorizer

网址

此扩展允许用颜色识别匹配的括号。用户可以定义要匹配的字符以及要使用的颜色。

代码块中相邻括号采用不同颜色标注

2、Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code

网址

适用于 VS Code 的中文（简体）语言包

3、Code Runner

网址

运行多种语言的代码段或代码文件

4、EditorConfig for VS Code

网址

使用中的设置覆盖用户/工作区设置

5、Git Graph

网址

查看存储库的Git图，并从该图轻松执行Git操作

6、Git History

查看git日志、文件历史记录、比较分支或提交

7、GitLens — Git supercharged

GitLens增强了Visual Studio代码中内置的Git功能。

8、koroFileHeader

用于生成文件头部注释和函数注释的插件

9、Markdown All in One

Markdown 编辑器

10、open in browser

在浏览器中打开文件 右键使用

11、Path Intellisense

路径感知，自动匹配项目文件路径

12、Prettier - Code formatter

代码格式化

13、TodoTree

代码中设置Todo ，并在左侧显示标注的Todo

14、Vue 3 Snippets

vue2、3支持插件

15、Vue Language Features(Volar)

vue3 语法支持

16、Eslint

代码格式化

17、Vetur

Vue 语法支持

18、background

背景插件

vscode设置

{
	// vetur是否开启对<template>检查
	"vetur.validation.template": false,
	"[javascript]": {
		"editor.defaultFormatter": "lonefy.vscode-JS-CSS-HTML-formatter"
	},
	"[html]": {
		"editor.defaultFormatter": "lonefy.vscode-JS-CSS-HTML-formatter"
	},
	"workbench.editor.untitled.hint": "hidden",
	// 每次保存时，将代码按照eslint的代码格式进行修复
	"editor.codeActionsOnSave": {
		"source.fixAll.eslint": true
	},
	"terminal.integrated.tabs.enabled": true,
	"team.showWelcomeMessage": false,
	"eslint.codeAction.showDocumentation": {
		"enable": true
	},
	"eslint.codeAction.disableRuleComment": {
		"enable": true
	},
	"eslint.alwaysShowStatus": true,
	"editor.formatOnSave": true,
	"editor.tabSize": 2,
	"explorer.confirmDelete": false,
	"security.workspace.trust.untrustedFiles": "open",
	"diffEditor.ignoreTrimWhitespace": false,
	"editor.fontSize": 16,
	"[vue]": {
		"editor.defaultFormatter": "esbenp.prettier-vscode"
	},
	"window.enableMenuBarMnemonics": false,
	"git.autofetch": true,
	"vetur.completion.scaffoldSnippetSources": {
		"workspace": "💼",
		"user": "🗒️",
		"vetur": "✌"
	},
	"prettier.useTabs": true,
	"php.validate.executablePath": "",
	"fileheader.customMade": {
		// 头部注释
		"Author": "tanshaobo",
		"Date": "Do not edit",
		"LastEditors": "tanshaobo",
		"LastEditTime": "Do not edit",
		"Description": "file content",
		"FilePath": "Do not edit" // 增加此项配置即可
	},
	"fileheader.cursorMode": {
		// 头部注释
		"description": "",
		"param": "params",
		"return": ""
	},
	"fileheader.configObj": {
		"autoAdd": false, // 默认开启自动添加头部注释，当文件没有设置头部注释时保存会自动添加
		"autoAlready": true, // 默认开启
		"prohibitAutoAdd": ["json", "md"], // 禁止.json .md文件，自动添加头部注释
		"wideSame": false, // 设置为true开启
		"wideNum": 13 // 字段长度 默认为13
	},
	"javascript.updateImportsOnFileMove.enabled": "always",
	"git.confirmSync": false,
	"gitlens.gitCommands.skipConfirmations": ["fetch:command", "switch:command"],
	"z-reader.encoding": "gbk",
	"editor.unicodeHighlight.invisibleCharacters": false,
	"prettier.useEditorConfig": false,
	"prettier.semi": false,
	"gitHistory.showEditorTitleMenuBarIcons": false,
	"background.useDefault": false,
	"background.customImages": [
		"file:///C:/Users/MFHJ-DZ-001-079/Pictures/原神/刻晴.png",
		"file:///C:/Users/MFHJ-DZ-001-079/Pictures/原神/万叶.png",
		"file:///C:/Users/MFHJ-DZ-001-079/Pictures/原神/胡桃.png",
		"file:///C:/Users/MFHJ-DZ-001-079/Pictures/原神/雷电将军.png"
	],
	"background.style": {
		"content": "''",
		"pointer-events": "none",
		"top": "0",
		"left": "0",
		"width": "100%",
		"height": "100%",
		"z-index": "99999",
		"background.repeat": "no-repeat",
		"background-size": "contain",
		"opacity": 0.1
	},
	"bracketPairColorizer.depreciation-notice": false,
	"prettier.singleQuote": true,
	"update.mode": "none"
}