很多同学会有疑难,为什么我看到很多大牛的视频外面敲代码的时候,输出一个 template,就会呈现一大块代码。
为什么我输出一个 template,只有这一个单词,啥也没进去
别墨迹,快解决
闲话不多说,咱们就来聊一聊如何 – 懒省事(在 VsCode 外面设置自定义的模板)
首先:咱们要找到这个模板设置的入口
在文件 – > 首选项 – > 用户代码片段
选中当前,会呈现上面这个输入框,如果你想设置.vue 文件的模板,能够新建一个 vue.json 全局代码片段文件,输出 vue.json 而后回车。
好了,接下来你能够把那些没必要的正文删掉,只须要在这个 json 文件外面输出以下内容
好吧,解释一下
这里的 prefix 是你在编辑器里输出的内容,就如同创立 html 文件的时候,输出的英文感叹号
body 就是你回车当前呈现的内容
留神,这里的 body 是一个数组,每一行的内容都是数组里的每一项,并且须要用引号引起来。
是不是跟着敲好了?
接下来,保留之后,就能够回到咱们的.vue 文件外面尝试一下
当然如果你感觉这还不够,咱们仍旧能够在那个 json 文件外面持续输出
接下来你就能够输出”js”,就能呈现上面 body 外面的代码。
太棒了,咱们曾经晓得了如何创立一个小的片段
那么咱们为何不一步到位,间接创立一个残缺的 vue 文件模板呢?
接下来善意的我吧代码贴出来,间接拿去用吧!!!
{
"vue-template": {
"prefix": "vue",
"body": [
"<template>",
"<div></div>",
"</template>",
"","<script>","export default {"," data() {"," return {};"," },","",
"components: {},",
""," computed:{},","",
"mounted () {},",
""," methods: {},","}","</script>","",
"<style scoped lang='scss'>",
"","</style>",
]
}
}
最初输出”vue”,就能间接呈现这个代码模板了
这个性能不只是能够设置模板,咱们还能把偷懒施展到极致——
比方说:你在写标签的时候,一些新增的语义化标签的代码提醒并不残缺,嘿嘿嘿 …… 推到
比方说:<figcaption> 记不住,能够去 html 的模板里给他设置成”fi”,嘿嘿嘿 ….. 持续推到
比方说:咱们罕用的办法 console.log(),就改成 log
吧,嘿嘿嘿 …… 通通推到
代码谁能比我写的快?还有谁???