更改配置
1、打开 文件/首选项/用户片段 搜索vue.json文件
2、将文件内容替换为以下内容:
{
"Print to console": {
"prefix": "vue",
"body": [
"<!-- $1 -->",
"<template>",
"<div></div>",
"</template>",
"",
"<script>",
"export default {",
" name:\"\",",
" data() {",
" return {",
"",
" }",
" },",
" //生命周期 - 创建完成(访问当前this实例)",
" created() {",
"",
" },",
" //生命周期 - 挂载完成(访问DOM元素)",
" mounted() {",
"",
" }",
"}",
"</script>",
"<style scoped>",
"/* @import url(); 引入css类 */",
"$4",
"</style>"
],
"description": "Log output to console"
}
}
注:这里可以进行自定义
操作
直接在空白的vue文件中输入 vue就会弹出vue模板选项,回车或者点击就会在文件中添加配置出来的模板信息