本文最后更新于:6 天前

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

0dhVMR.png


 目录