本文最后更新于:1 个月前
1. 安装Vetur插件
2.新建用户代码片段
文件
–>首选项
–>用户代码片段
–>点击新建代码片段
–取名vue.json
{
"Print to console": {
"prefix": "vue",
"body": [
"<!-- $0 -->",
"<template>",
" <div></div>",
"</template>",
"",
"<script>",
"export default {",
" data () {",
" return {",
" };",
" },",
"",
" components: {},",
"",
" computed: {},",
"",
" mounted: {},",
"",
" methods: {}",
"}",
"",
"</script>",
"<style lang='scss' scoped>",
"</style>"
],
"description": "Log output to console"
}
}
上面代码中的
"prefix": "vue"
, 就是快捷键,表示生成对应预设代码的命令;$0
表示你希望生成代码后光标的位置 ;
3. 测试
新建.vue
结尾的文件试试,编辑区输入vue
,按Tab
键
本博客所有文章除特别声明外,均采用 CC BY-SA 4.0 协议 ,转载请注明出处!