自定义代码片段

设置代码片段

  1. ctrl+shift+P 打开命令窗口,输入“snippet”,选择“首选项:配置用户代码片段”
  2. 选择一个新的代码片段文件,或者选择一个已有的代码片段文件
  3. 编辑代码片段文件,保存

代码片段文件格式

{
    "vuesetup": {
		"prefix": "vuesetup",
		"body": [
			"<template>",
			"  <div></div>",
			"</template>",
			"",
			"<script setup name=\"${0}\"></script>",
			"",
			"<style lang=\"scss\" scoped></style>",
			"",
		],
		"description": "vuesetup"
	}
}

Mr.PDG小于 1 分钟VSCodeCode Snippets代码片段
VSCode插件

any-rule

正则表达式大全

any-rule
any-rule

AutoScssStruct4Vue

根据 vue文件的模板template结构,自动生成对应的 scss文件


Mr.PDG小于 1 分钟VSCode插件
VSCode快捷键

选中下一个相同的词

Ctrl + D

整行选中

Ctrl + L

整行删除

Ctrl + Shift + K

整行上移

Alt + ↑

整行下移

Alt + ↓

向上复制整行

Shift + Alt + ↑

向下复制整行


Mr.PDG小于 1 分钟VSCode快捷键热键