打开vs code 界面左下角如图所示:
在这里插入图片描述
在搜索框内搜索vue.json文件,可能显示的是vue,或者没有,如果没有你可以先在vs code中下载Vetur插件。

  • vue.json默认是:
    在这里插入图片描述

要快速生成vue模板,需要在其中编辑加入下列代码:

"Vue": {
     "prefix": "vue",  
    "body": [
      "<!-- $1 -->",
      "<template>",
      "<div></div>",
      "</template>",
      "",
      "<script>",
      "export default {",
      "data() {",
      "return {",
      "",
      "}",
      "},",
      "//生命周期 - 创建完成(访问当前this实例)",
      "created() {",
      "",
      "},",
      "//生命周期 - 挂载完成(访问DOM元素)",
      "mounted() {",
      "",
      "}",
      "}",
      "</script>",
      "<style scoped>",
      "/* @import url(); 引入css类 */",
      "$4",
      "</style>"
    ],
    "description": "Log output to console"
  }

“prefix”: “vue”, 就是快捷键,(vue名称可随意修改)
新建vue文件,输入vue 按键盘的tab件生成vue模版

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐