操作
vs code中,選擇文件/首選項(xiàng)/用戶代碼片段蛾娶,在彈出的界面中,搜索vue并選中
將下面附件vue.json的內(nèi)容粘貼到打開的頁簽中潜秋,保存蛔琅。使用
vs code中新建一個(gè)空白的vue文件,輸入vue峻呛,回車罗售,將自動(dòng)生成vue的標(biāo)準(zhǔn)模板注意
關(guān)鍵字vue辜窑,可以在模板vue.json中修改
大家可以按照規(guī)范,編輯vue模板文件寨躁,自行補(bǔ)充穆碎,完了給大家分享-
效果
生成的模板,如附件所示职恳,如下圖
image.png
PS:vue.json
{
"Print to console": {
"prefix": "vue",
"body": [
"<!-- $0 -->",
"<template>",
" <div></div>",
"</template>",
"",
"<script>",
"export default {",
" name: '',",
" components: {},",
" inheritAttrs: true,",
" props: {},",
" data () {",
" return {",
" };",
" },",
"",
" computed: {},",
"",
" watch: {},",
"",
" created: {},",
"",
" mounted: {},",
"",
" updated: {},",
"",
" beforeDestroy: {},",
"",
" methods: {},",
"",
" render: {},",
"",
"}",
"",
"</script>",
"",
"<style lang='scss' scoped>",
"</style>"
],
"description": "Log output to console"
}
}