VScode中创建代码片段
设置代码片段
在vscode中我们可以自定义用户代码片段来一键生成代码。
打开设置-首选项-用户代码片段
然后新建用户代码片段
prefix是自定义的关键字,使用的时候我们直接输入vue3代码提示,回车就可以生成自定义的代码片段
vue3代码片段
{
"Print to console": {
"prefix": "vue3",
"body": [
"<script setup lang=\"ts\">",
"import { ref, reactive, toRefs, onMounted} from 'vue'",
"",
"</script>",
"<template>",
" <div></div>",
"</template>",
"",
"<style scoped lang=\"less\">",
"</style>",
],
"description": "Log output to console"
}
}