"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用小写加连接线