为vue配置快捷输入示例代码

问题描述

想要在vscode输入vue就生成示例代码

解决方案

1、打开VS Code。
2、点击顶部菜单栏的“文件”（File）选项。
3、在下拉菜单中选择“首选项”（Preferences）。
4、在下拉菜单中选择“用户代码片段”（User Snippets）。
5、在弹出的菜单中选择Vue语言，如果没有找到Vue语言，请选择“New Global Snippets file…”。
6、在打开的文件中，输入示例代码。

"Vue 3 Example": {
  "prefix": "vue3",
  "body": [
    "<template>",
    "  <div>",
    "    $1",
    "  </div>",
    "</template>",
    "",
    "<script>",
    "export default {",
    "  name: '',",
    "  data() {",
    "    return {",
    "      $2",
    "    };",
    "  },",
    "  methods: {",
    "    $3",
    "  }",
    "}",
    "</script>",
    "",
    "<style scoped>",
    "$4",
    "</style>"
  ],
  "description": "Vue 3 Example"
}

7、保存文件。

如果你的vscode是英文的，就在应用扩展下载chinese中文扩展

然后在代码里直接输入vue就有可选的示例代码选项了