当我们创建.vue文件的时候,我们如果快速生成vue文件的模版?(编译器:VScode)
step1:用快捷Ctrl + Shift + P唤出控制台
step2:在控制台输入口令Snippets,然后选择图片中红框的命令
step3:点击之后在框中输入vue
会出现vue.json的命令,第一次配置的时候如何没出现vue.json,直接点击vue的命令也可以,也会跳转到vue.json文件
step4:点击之后在文件中记性模版文件的配置
以下是我的文件模版,大家可以根据自己的喜好对自己的模版进行配置
{
"Print to console": {
"prefix": "vue",
"body": [
"<template>",
" <div>$0</div>",
"</template>",
"",
"<script>",
"export default {",
" name: \"\",",
" components: {},",
" props: {},",
" data() {",
" return {",
" };",
" },",
" watch: {},",
" computed: {},",
" methods: {},",
" created() {},",
" mounted() {}",
"};",
"</script>",
"<style scoped>",
"</style>"
],
"description": "A vue file template"
}
}
其中prefix代表我们的快捷键,当我们输入vue的时候,按回车就可以一键生成模版啦!