设置——用户代码片段
console.log() 快捷键cx
"Print to console": {
"scope": "javascript,typescript",
"prefix": "cx",
"body": [
"console.log('打印信息:',$1);",
],
"description": "Log output to console"
}
vue2 快捷键vue
"vue": {
"prefix": "vue",
"body": [
"<template>",
" <div>\n",
" </div>",
"</template>\n",
"<script>",
"export default {",
" name: '',",
" data () {",
" return {",
" $1",
" }",
" },",
" methods: {",
" },",
"}",
"</script>\n",
"<style lang=\"less\" scoped>\n",
"</style>",
"$2"
],
"description": "快速生成vue2"
},
vue3.0
"Vue3.0快速生成模板": {
"prefix": "Vue3.0",
"body": [
"<template>",
"\t<div>\n",
"\t</div>",
"</template>\n",
"<script lang='ts'>",
"export default {",
"\tsetup(){",
"\t\treturn{\n\n\t\t}",
"\t},",
"}",
"</script>\n",
"<style scoped>\n",
"</style>",
"$2"
],
"description": "Vue3.0"
},
vue3.2+
"Vue3.2+快速生成模板": {
"prefix": "Vue3.2+",
"body": [
"<script setup lang='ts'>",
"</script>\n",
"<template>",
"\t<div>\n",
"\t</div>",
"</template>\n",
"<style scoped>\n",
"</style>",
"$2"
],
"description": "Vue3.2+"
}
"Vue3.2+快速生成模板": {
"prefix": "Vue3.2+",
"body": [
"<template>",
"\t<div>\n",
"\t</div>",
"</template>\n",
"<script setup lang='ts'>",
"</script>\n",
"<style lang=\"less\" scoped>\n",
"</style>",
"$2"
],
"description": "Vue3.2+"
}