vscode 快捷方式

1. 快捷键

ctrl + k + s             // 设置查看快捷键
ctrl +  ~                // 打开控制台
ctrl + Enter             // 快速跳转到下一行  
alt + shift + ↓ / ↑      // 上下复制一行
ctrl + + / -             // vscode 字体大小快速调整
alt + shift + a          // 代码块注释
alt + 点击               // 添加光标
shift + alt + → / ←      // 展开选择 / 缩小选择
ctrl + u / ctrl+shift+u  // 大小写转换
Ctrl+\                   // 拆分编辑器
shift + alt + R          // 定位到资源管理器
ctrl +  k + T            // 修改vscode主题 

2. 设置vue模板

文件 - 首选项 - 用户片段   搜索vue.json文件，修改模板即可
快速生成模板：https://snippet-generator.app

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-k4TEEJzR-1657763465075)(https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/202e96b33b654f6b93f1161415174a8e~tplv-k3u1fbpfcp-watermark.image?)]

vue.json 内容示例：

{
	"vue-template": {
		"prefix": "vue",
		"body": [
			"<style lang=\"less\" scoped>",
			"",
			"</style>",
			"",
			"<template>",
			"  <div>",
			"",
			"  </div>",
			"</template>",
			"",
			"<script>",
			"export default {",
			"  mixins: [plugCx.IPlugBase],",
			"  components: {},",
			"  data()",
			"  {",
			"    return {",
			"",
			"    }",
			"  },",
			"  computed: {",
			"",
			"  },",
			"  created()",
			"  {",
			"",
			"  },",
			"  mounted()",
			"  {",
			"",
			"  },",
			"  methods: {",
			"    ",
			"  }",
			"}",
			"</script>",
			"",
			""
		],
		"description": "vue-template"
	}
}