vscode---常用插件、设置及快捷键

一、插件

1、gitlens---源代码管理插件

2、vue2安装'vetur'

3、vue3

TypeScript Vue Plugin（Volar） 安装
Vue Language Features（Volar） 安装
Vetur 禁用

二、快捷键

1、alt+z切换折行展示

2、ctl+p查找文件

三、设置

1、设置文件中的缩进空格数

1、设置所有文件的缩进方式
注意：新建的文件会以两个空格为缩进，历史文件不会被改
文件 -> 首选项 -> 设置 -> 搜索（tabsize），将所有tabsize设置为2

2、改变历史的某个文件的缩进空格数
vscode右下角点击'空格：4' -> 选中‘indent using tabs’ -> 选中2

3、将某个文件按照当前文件的缩进方式进行格式化
右键文档 -> 格式化文档

2、设置用户代码片段

设置 -> 用户代码片段 -> 新建全局代码片段 -> 给代码片段取名（enter）-> 
Example中的内容，如下格式：
{
	"Print to console": {
		"scope": "javascript,typescript",
		"prefix": "log",    //log为代码片段名称
		"body": [    //生成的代码片段
			"console.log('$1');",
			"$2"
		],
		"description": "Log output to console"
	}
}

3、html标签自动补全

设置 -> 搜索'code actions on save' -> 在settings.json中编辑：
"emmet.triggerExpansionOnTab": true