vue-snippet-模板

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

　

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

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

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