步骤一:点击左下角设置-选择用户代码片段

步骤二:输入vue.json打开文件,如没有vue.json只输入vue后打开即可

步骤三:将下方代码写入该文件并保存,组件选项顺序参考了vue官方风格指南

{
	"Print to console": {
		"prefix": "vue", // 使用代码片段的快捷指令
		"body": [
			"<template>",
			"  <div class=\"\">\n",
      "  </div>",
			"</template>\n",
			"<script>",
			"export default {",
			"  mixins: [],",
			"  components: {},",
			"  props: {},",
			"  data () {",
			"    return {",
			"    }",
			"  },",
			"  computed: {},",
			"  watch: {},",
			"  created () {},",
			"  mounted() {},",
			"  methods: {},",
			"}",
			"</script>",
			"<style lang=\"less\" scoped>",
			"</style>",
			"",
		],
		"description": "A vue file template"
	},
}

步骤四:在组件中输入vue即可弹出此代码片段模板

GitHub 加速计划 / vu / vue
207.53 K
33.66 K
下载
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
最近提交(Master分支:1 个月前 )
73486cb5 * chore: fix link broken Signed-off-by: snoppy <michaleli@foxmail.com> * Update packages/template-compiler/README.md [skip ci] --------- Signed-off-by: snoppy <michaleli@foxmail.com> Co-authored-by: Eduardo San Martin Morote <posva@users.noreply.github.com> 3 个月前
e428d891 Updated Browser Compatibility reference. The previous currently returns HTTP 404. 4 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐