在使用vscode的时候发现初始化文件的时候没有文件模板,每次新建文件之后都得...(这个痛苦的过程我就不再描述了)。鉴于以上情况,在这里奉上vscode创建文件模板的方法。
1、使用Ctrl + Shift + P
召唤出控制台,然后输入snippets
(跟着自动提示走就行了)并选择。
2、接下来输入vue
并选择,VSCode会自动生成一个vue.json
的文件。这里就是我们要输入模板的地方了。
3、输入模板,具体格式如下(这是我用的格式,当然也可根据自己的喜好进行修改)
其中$0
代表模板生成后,光标停留的位置。
{
"Print to console": {
"prefix": "vue",
"body": [
"<style lang=\" \" scoped>",
" .wrapper{}",
"</style>",
"<template>",
" <div class=\"wrapper\">$0</div>",
"</template>",
"",
"<script>",
" export default {",
" components:{},",
" props:{},",
" data(){",
" return {",
" ",
" }",
" },",
" watch:{},",
" computed:{},",
" methods:{},",
" created(){},",
" mounted(){}",
" }",
"</script>"
],
"description": "A vue file template"
}
}