Vcode自定义代码块

在这里插入图片描述
在这里插入图片描述

vue.json设置的是vue的快捷键
内容如下:

{
	"Print to console": {
	  "prefix": "vue",
	  "body": [
		"<!-- $0 -->",
		"<template>",
		"  <div></div>",
		"</template>",
		"",
		"<script>",
		"export default {",
		"  data () {",
		"    return {",
		"    };",
		"  },",
		"",
		"  components: {},",
		"",
		"  computed: {},",
		"",
		"  mounted: {},",
		"",
		"  methods: {}",
		"}",
		"",
		"</script>",
		"<style>",
		"</style>"
	],
	  "description": "Log output to console"
	}
  }

javascript.json设置的是js代码块

{
	// Place your snippets for javascript here. Each snippet is defined under a snippet name and has a prefix, body and 
	// description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
	// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the 
	// same ids are connected.
	// Example:
	// "Print to console": {
	// 	"prefix": "log",
	// 	"body": [
	// 		"console.log('$1');",
	// 		"$2"
	// 	],
	// 	"description": "Log output to console"
	// }
	"http get": {
        "prefix": "gg",//唤醒代码块的命令
        "body": [
            "this.$http.get('$1').then(",
            "  function successCallback(res) {",
            "    console.log(res);",
            "},function errorCallback(err) {",
            "    console.log(err);",
            "}",
          ");",
            "$0"
        ], //代码块的主体
        "description": "http get"//代码块的介绍
    }
}

猜你喜欢

转载自blog.csdn.net/qq_25430563/article/details/88352706
今日推荐