如果这是你要的,请让阿星用 10 秒手把手教你。
效果:
image.png
image.png
步骤
1 、点击vscode中左下角的设置
2 、点击【代码片段】
image.png
3、输入【vue】
4、选择【vue.json】
![image.png](https://upload-images.jianshu.io/upload_images/18344853-874d83224639c8c0.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240
5、配置代码
{
"Print to console": {
"prefix": "vue3",
"body": [
"<template>",
" <div class=\"\"></div>",
"</template>\n",
"<script setup>",
"import {} from \"vue\"",
"</script>\n",
"<style lang=\"scss\" scoped></style>",
"$2"
],
"description": "Log output to console"
}
}
image.png
效果:
image.png
直接回车
image.png
我是阿星,希望你今天就发财~