vue-snippet-模板

"template": {
		"prefix": "template",
		"body": [
			"<template>",
			"\t<div class=\"${1:${TM_FILENAME_BASE/(_*)([a-z]*)([A-Z])/${1:+comp}${1:+-}$2${2:+-}${3:/downcase}/g}}\">${1}</div>",
			"</template>\n",
			"<script>",
			"export default {",
			"\tname: '${1}'",
			"}",
			"</script>\n",
			"<style lang=\"scss\" scoped>",
			".${1} {}",
			"</style>\n"
		]
	}

　

一直觉得每个组件都应该有一个唯一的根class

在网上查找snippet的语法，终于可以设置组件根class与页名有关联性了

文件［组件］名用大写，页内class和name用小写加连接线