vscode 如何配置快速生成 vue3 模板
(1)点击 vscode 左下角的齿轮设置按钮,点击用户代码片段。使用时输入 vue3 即可快速生成 vue3 模板。(2)输入 vue,选择 vue.json 文件。(3)在注释下添加如下代码即可。
·
(1)点击 vscode 左下角的齿轮设置按钮,点击用户代码片段
(2)输入 vue,选择 vue.json 文件

(3)在注释下添加如下代码即可
{
"Print to console": {
"prefix": "vue3", //键入该值,按tab快捷产生
"body": [
"<template>",
"",
"</template>",
"<script setup>",
"",
"</script>",
"<style scoped lang='scss'>",
"</style>",
"$2"
],
"description": "Log output to console"
}
}
保存即可。
使用时输入 vue3 即可快速生成 vue3 模板。
补充一下 vue 的模板
{
"Print to console": {
"prefix": "vue2", //键入该值,按tab快捷产生
"body": [
"<template>",
" <div></div>",
"</template>",
"",
"<script>",
"export default {",
" components: {},",
"",
" data() {",
" return {",
"",
" };",
" },",
"",
" mounted() {",
"",
" },",
"",
" methods: {",
"",
" }",
"}",
"</script>",
"",
"<style scoped lang='scss'>",
"</style>",
"$2"
],
"description": "A vue2 file template"
}
}
魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐


所有评论(0)