在使用vue创建页面时,如果你想快速创建一个你喜欢的完整vue页面模板,就请手指动起来==>

1.首先在头部导航部分找到文件

文件(F)-->首选项-->文件代码片段-->(搜索)vue.json文件

然后在vue.json页面里添加以下代码(有需要可自行删改):

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

最后刷新一下,自己重新创建一个vue页面,只要输入"vue",然后回车就创建出你所设置好的vue页面模板啦~

 

 

Logo

前往低代码交流专区

更多推荐