使用vscode，建立vue模板

最新推荐文章于 2024-09-01 01:07:37 发布

RussW0

最新推荐文章于 2024-09-01 01:07:37 发布

阅读量384

点赞数

文章标签： web vue

本文链接：https://blog.csdn.net/RussW0/article/details/104673763

版权

## 建立vue基本模板，输入vue并按下tab后快速生成设置的模板代码以方便vue项目开发
1.点击上方工具栏-文件
2.找到首选项并点击
3.点击用户代码片段
4.搜索vue并选择vue
5.将下列代码复制进去，注意外层{}需保留，复制代码后保存文件即可实现

"Print to console": {
		"prefix": "vue",
		"body": [
			"<template>",
			"  <div>\n",
			"  </div>",
			"</template>\n",
			"<script>",
			"export default {",
			"  name: '',",
			"  components: {},",
			"  data() {",
			"    return {\n",
			"    }",
			"  }",
			"}",
			"</script>\n",
			"<style scoped>",
			"</style>",
			"$2"
		],
		"description": "Log output to console"
	}