VScode自定义代码片段（vue篇）

最新推荐文章于 2024-07-02 02:58:28 发布

叶梓啊

最新推荐文章于 2024-07-02 02:58:28 发布

阅读量395

点赞数

本文链接：https://blog.csdn.net/weixin_43329956/article/details/110408510

版权

VSCode Vue 代码片段快捷输入开发效率

关键词由CSDN通过智能技术生成

在vs中，文件，首选项，用户片段，然后新建一个。全选粘贴进去。
然后新建一个vue文件，输入myvue就可以快捷创建模板了。也可以自行修改，

{
	"Print to console": {
		"prefix": "myvue",
		"body": [
			"<template></template>",
			"<script>",
			"//import AA from \"@/components/AA\";",
			"//import {} from \"@/api/Controller\";",
			"export default {",
			"//  components: { AA },",
			"props: {},",
			"methods: {},",
			"data() {",
			"return {};",
			"},",
			"computed: {},",
			"watch: {},",
			"beforeCeate() {},",
			"created() {},",
			"beforeMount(){},",
			"mounted(){},",
			"beforeDestroy(){},",
			"destroyed(){},",
			"};",
			"</script>",
			"<style lang=\"less\" scoped></style>",
		],
		"description": "Log output to console"
	}
}