在VSCode中,创建一个.vue文件的模板
2020-08-14 本文已影响0人
与诗小睡
使用Ctrl + Shift + P召唤出控制台,然后输入snippets(跟着自动提示走就行了)并选择。
接下来输入vue并选择,VSCode会自动生成一个vue.json的文件。这里就是我们要输入模板的地方了。
输入模板,具体格式如下(这是我用的格式,当然也可根据自己的喜好进行修改)
其中$0代表模板生成后,光标停留的位置
{
"Print to console":{
"prefix": "vue",
"body": [
"<template>",
" <div class=\"wrapper\">$0</div>",
"</template>",
"",
"<script>",
"export default {",
" components: {},",
" props: {},",
" data () {",
" return {",
" }",
" },",
" watch: {},",
" computed: {},",
" methods: {},",
" created () {},",
" mounted () {}",
"}",
"</script>",
"<style lang=\"scss\" scoped>",
".wrapper{}",
"</style>"
],
"description": "A vue file template"
}
}