VSCode 快速生成 .vue 基本模板、发送http请求模板

VSCode 快速生成.vue基本模板、发送http请求模板

安装vscode

官网：https://code.visualstudio.com/

安装 Vetur 插件，识别 vue 文件

插件库中搜索Vetur，点击安装，安装完成之后点击重新加载

新建代码片段

文件 --> 首选项 --> 用户代码片段 --> 点击新建代码片段 --> 取名 vue --> 确定

删除或注释原来的代码

粘入自己写的.vue模板

{
    "Print to console": {
        "prefix": "vue",
        "body": [
            "",
            "",
            "",
            "",
            ""
        ],
        "description": "生成vue模板"
    },
    "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请求"
    }
}

新建一个 .vue 文件输入 vue 测试

上面的配置中："prefix": "vue" 就是你的快捷输入名称