本文共 926 字，大约阅读时间需要 3 分钟。

导读：在vscode工具中通过输入vue+tab的方式一键生成vue的基本代码。

1. 复制好vue的基本代码

{    "Print to console": {        "prefix": "vue",        "body": [            "
   ",            "
   ",            "",            "",            ""        ],        "description": "Log output to console"    },        "http-get请求": {	"prefix": "httpget",	"body": [		"this.\\$http({",		"url: this.\\$http.adornUrl(''),",		"method: 'get',",		"params: this.\\$http.adornParams({})",		"}).then(({ data }) => {",		"})"	],	"description": "httpGET请求"    },    "http-post请求": {	"prefix": "httppost",	"body": [		"this.\\$http({",		"url: this.\\$http.adornUrl(''),",		"method: 'post',",		"data: this.\\$http.adornData(data, false)",		"}).then(({ data }) => { });" 	],	"description": "httpPOST请求"    }}

2. 在vscode工具中新增自定义模板

• 步骤一

• 步骤二
  这里需要创建全局代码，否则在项目A可以使用，在项目B中会发现，输入什么都不好使。

• 步骤三

用一的内容替换vue.json的所有内容。

3. 如何使用

在文件中输入vue+tab即可。

转载地址：http://ijxii.baihongyu.com/