Bootstrap

开发工具 - VSCode 快捷键

以下是一些常用的 VS Code 快捷键(Windows、macOS 和 Linux 均适用,略有不同):

常用快捷键

功能Windows/LinuxmacOS
打开命令面板Ctrl + Shift + PF1Cmd + Shift + P
打开文件Ctrl + OCmd + O
保存文件Ctrl + SCmd + S
全部保存Ctrl + K, SCmd + Option + S
关闭编辑器Ctrl + WCmd + W
关闭所有编辑器Ctrl + K, WCmd + K, W
新建文件Ctrl + NCmd + N

代码导航

功能Windows/LinuxmacOS
转到定义F12F12
查找所有引用Shift + F12Shift + F12
转到文件Ctrl + PCmd + P
转到行Ctrl + GCmd + G
转到符号Ctrl + Shift + OCmd + Shift + O

多光标和选择

功能Windows/LinuxmacOS
添加光标到下一行Ctrl + Alt + DownCmd + Option + Down
添加光标到上一行Ctrl + Alt + UpCmd + Option + Up
同时选中相同的单词Ctrl + DCmd + D
取消多光标EscEsc

编辑

功能Windows/LinuxmacOS
复制行/块Shift + Alt + DownOption + Shift + Down
删除行Ctrl + Shift + KCmd + Shift + K
移动行上/下Alt + Up/DownOption + Up/Down
格式化代码Shift + Alt + FShift + Option + F
显示建议Ctrl + SpaceCmd + Space

调试

功能Windows/LinuxmacOS
开始/继续调试F5F5
单步进入F11F11
单步跳过F10F10
停止调试Shift + F5Shift + F5

终端操作

功能Windows/LinuxmacOS
打开/关闭终端Ctrl + \`Cmd + ``
新建终端`Ctrl + Shift + ```Cmd + Shift + ``
切换终端Ctrl + Page Up/DownCmd + Page Up/Down

常用技巧

  1. 快速打开最近使用的文件

    • Ctrl + R(Windows/Linux)或 Cmd + R(macOS)
  2. 折叠/展开代码块

    • 折叠:Ctrl + Shift + [Cmd + Option + [
    • 展开:Ctrl + Shift + ]Cmd + Option + ]
  3. 切换侧边栏可见性

    • Ctrl + B(Windows/Linux)或 Cmd + B(macOS)

你也可以在 设置 -> 键盘快捷方式 中自定义这些快捷键!

设置vue模板

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

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"
	}
}
;