zoukankan      html  css  js  c++  java
  • vscode中自定义代码片段

    自定义代码片段

    设置--> 用户代码片段 --> vue.json

    {
    	"vc": {
    		"prefix": "vc",
    		"body": [
    			"<template>",
    			"  <div class="$1">",
    			" ",
    			"  </div>",
    			"</template>",
    			" ",
    			"<script>",
    			"export default {",
    			"  name: 'vueName',",
    			"  data () {",
    			"    return {",
    			"      msg:'Welcome to your vueName'",
    			"    }",
    			"  }",
    			"}",
    			"</script>",
    			" ",
    			"<style scoped lang="less">",
    			" ",
    			"</style>"
    		],
    		"description": "vue组件模板"
    	},
    	"vcts": {
    		"prefix": "vcts",
    		"body": [
    			"<template>",
    			"  <div class="componentContainer">",
    			"",
    			"  </div>",
    			"</template>",
    			"",
    			"<script lang="ts">",
    			"import { Component, Prop, Vue } from 'vue-property-decorator'",
    			"@Component({",
    			"  components: {",
    			"",
    			"  }",
    			"})",
    			"export default class $1 extends Vue {",
    			"  @Prop() private msg!: string;",
    			"  created () {",
    			"    console.log('created')",
    			"  }",
    			"}",
    			"</script>",
    			"",
    			"<style scoped lang="less">",
    			" .componentContainer{",
    			"",
    			" }",
    			"</style>",
    			""
    		],
    		"description": "vue组件模板"
    	}
    }
    
  • 相关阅读:
    基数排序学习
    桶排序学习
    计数排序-不基于比较O(n)
    基尼系数
    拉普拉斯进行特征选择
    int ,long long等范围
    Codeforces780C
    51 Nod 1119
    字典树入门
    POJ 2531 暴力深搜
  • 原文地址:https://www.cnblogs.com/nanhuaqiushui/p/12727464.html
Copyright © 2011-2022 走看看