vscode 快速开发

163 阅读1分钟
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

image.png

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