vscode中.wpy的代码高亮显示

vscode默认不会给后缀名为wpy的代码高亮

大概就是这样。不美观，不直观。
高亮显示需要以下步骤：
1.在vscode下载插件的地方，下载vetur；
2.下载Vue-wepy 之后，打开一个.wpy的文件， 点击vscode右下角的纯文本，将.wpy的高亮关联成vue。
3. 此时代码的高亮效果已经显示，但是，会出现很多的报错红线。
4. 在代码的根目录下，创建一个.vscode.settings.json 文件。在其中配置如下，目的是修改vscode的默认配置

配置代码粘贴：

{
  "editor.defaultFormatter": "hu2ren.vetur-wepy",
  "vetur.validation.script": false,
  "vetur.validation.interpolation": false,
  "vetur.validation.template": false,
  "vetur.format.defaultFormatter.js": "none",
  "vetur.format.defaultFormatter.html": "js-beautify-html",
  "editor.formatOnSave": true,
  "eslint.run": "onSave",
  "eslint.validate": [
    "vue"
  ],
}

然后就能完美高亮显示代码啦