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

Vetur插件配置指南

安装插件Vetur是一个强大的Vue工具链插件，安装前可以通过以下步骤完成配置：

npm install vetur-wepy --save-dev

创建配置文件在你的项目根目录下，新建一个.vscode/settings.json文件，添加必要的配置内容：

{    "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"],    "editor.codeActionsOnSave": {        "source.fixAll": true,        "source.fixAll.stylelint": true    }}

配置说明上述配置文件主要包含以下几个关键设置：

• editor.defaultFormatter：指定代码格式化器，默认使用Vetur的formatter。
• vetur.format.defaultFormatter.html：设置HTML文件的格式化方式。
• editor.formatOnSave：启用格式化保存功能。
• eslint.run：设置ESLint的运行方式。
• editor.codeActionsOnSave：定义保存时的代码修复规则。

结果测试在完成以上配置后，你可以按照以下步骤进行测试：

通过以上配置，你可以在每次保存时自动校验代码格式和ESLint规则，提升开发效率。

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