vscode自定義vue模板

1、打開file->preferences->User snippets,輸入vue.json,添加下面代碼。

2、新建vue文件，輸入vue回車，補全爲vue2.0語法，輸入v3回車，補全爲vue3.0語法

 
{
	"Print to console": {
	    "prefix": "vue",
	    "body": [
	      "<template>",
	      "  <div >\n",
	      "  </div>",
	      "</template>\n",
	      "<script>",
	      "export default {",
			  "  name: '',",
		    "  components: {},",
	      "  data() {",
	      "    return {\n",
	      "    }",
	      "  }",
	      "}",
	      "</script>\n",
	      "<style>",
	      "</style>",
	      "$2"
	    ],
	    "description": "Log output to console"
	  },

	  "Printf to console": {
		  "prefix": "v3",
		  "body": [
		    "<template>",
		    "  <div >\n",
		    "  </div>",
		    "</template>\n",
		    "<script>",
	        "import { reactive } from '@vue/composition-api'\n",
		    "export default {",
			"  name: '',",
			"  components: {},",
			"  setup (propes, { root }) {",
			"    const model = reactive(",
			"      {}",
			"    )\n",
		    "    return { model }",
		    "  }",
		    "}",
		    "</script>\n",
		    "<style>",
		    "</style>",
		    "$2"
		  ],
		  "description": "Log output to console"
		}
  }