VS Code + Vue代码段设置

文件 >> 首选项 >> 用户代码片段 >> vue.json

文件中增加下列代码段

{
    "Print to console": {
        "prefix": "vue",                           // 输入的文本
        "body": [                                  // 代码段区域
            "<template>",
            "  <div class=\"$0\">",
            "  </div>",
            "</template>\n\n",
            "<script>",
            "export default {",
            "  data() {",
            "    return {",
            "    }",
            "  },",
            "  methods: {",
            "  },",
            "  components: {",
            "  }",
            "}",
            "</script>\n\n",
            "<style lang=\"stylus\">",
            "</style>\n\n",
            "$2"
        ],
        "description": "Vue 自定义代码段"          // 提示文本
    }
}

 

文章为学习记录用，希望对你有帮助！