vscode创建vue文件基础模板-用户代码片段

让vscode创建vue文件时，自动生成基础模板，利用用户片段选项实现：

第一步：文件->首选项->用户片段

第二步：点击新建全局代码片段文件

第三步：输入vue.json 新建

 第四步：复制下方代码或者自己编写

{
  "Print to console": {
    "prefix": "vue",
		"body": [
			"<template>",
      "  <div>",
      "    ",
      "  </div>",
      "</template>",
      "",
      "<script>",
      "  export default {",
      "    name: '$TM_FILENAME_BASE',",
      "    ",
      "  }",
      "</script>",
      "",
      "<style>",
      "  ",
      "</style>"
		],
		"description": "Log output to console"
  }
}

 

建一个 .vue 文件，输入 vue 就会弹出提示信息，按下回车或 Tab 即可。