格式转换
vscode
文件==》首选项==》配置用户代码片段==》vue.json(我配置的是vue,可以选择自己想配置的)
参考
prefix:输出提示代码片段
body:代码片段内容,$0表示光标聚集点
{
// Place your snippets for vue here. Each snippet is defined under a snippet name and has a prefix, body and
// description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the
// same ids are connected.
// Example:
// "Print to console": {
// "prefix": "log",
// "body": [
// "console.log('$1');",
// "$2"
// ],
// "description": "Log output to console"
// }
"vue3less": {
"prefix": "vue3less",
"body": [
"<template>",
" <div>$0</div>",
"</template>",
"",
"<script setup></script>",
"",
"<style lang=\"less\" scoped></style>",
""
],
"description": ""
},
"vuets": {
"prefix": "vuets",
"body": [
"<script setup lang=\"ts\"></script>",
"<template>",
" <div>$0</div>",
"</template>",
"",
"",
"<style lang=\"scss\" scoped></style>",
""
],
"description": "vue3-ts-scss"
},
"uniapp-scss": {
"prefix": "uniapp-scss",
"body": [
"<template>",
" <view>$0</view>",
"</template>",
"",
"<script>",
"export default {};",
"</script>",
"<style lang=\"scss\" scoped></style>",
""
],
"description": ""
}
}