当前位置: 首页 > Web前端 > HTML

如何在vscode中使用标准样式验证vue文件

时间:2023-04-02 17:41:26 HTML

1JavaScript标准样式简介该工具通过以下三种方式为您(和您的团队)节省大量时间:无需配置。史上最便捷的统一代码风格,轻松拥有。自动代码格式化。只需运行标准--fix并告别混乱的代码。尽早发现文体和程序问题。减少代码审查过程中的迭代修改过程,节省时间。不要犹豫。不再维护.eslintrc、.jshintrc或.jscsrc。开箱即用。安装:npmistandard-g关于JavaScript代码规范,可以点击链接查看。2如何在vscode中使用JavaScriptStandardStyle验证vue文件其实JavaScriptStandardStyle有一个FAQ,里面解释了如何使用。但是有一点很重要,作者没有提到,就是eslint-plugin-html插件必须在3.x.x版本安装,现在eslint-plugin-html已经升级到4.x版本了,而且不写版本号默认安装的是4.x版本,所以会出问题。参考ESLintv4只被eslint-plugin-htmlv3支持,所以你不能使用eslint-plugin-htmlv1.5.2和它(我应该在ESLint上尝试使用不兼容版本的插件时添加警告).如果你不使用ESLintv4,请提供更多信息(package.json,要重现的要点,...)//FAQHowtolintscripttaginvueorhtmlfiles?Youcanlintthemwitheslint-plugin-html,只需先安装它,然后在settings.json中为这些文件类型启用linting::["html"]},"files.associations":{"*.vue":"html"},如果你想为新语言启用自动修复,你应该自己启用它:"standard.validate":["javascript","javascriptreact",{"language":"html","autoFix":true}],"standard.options":{"plugins":["html"]}3综上,整理一下安装思路3.1需要安装哪些包?npmi-gstandardnpmi-geslint-plugin-html@3.2.2必须是3x版本npmi-geslint以上三个包都是全局安装的,如果想查看全局安装了哪些包可以使用npmlist-g--depth=0查看3.2如何编写vscodeconfig?"standard.validate":["javascript","javascriptreact",{"language":"html","autoFix":true}],"standard.options":{"plugin":["html"]},"files.associations":{"*.vue":"html"},3.3如何在保存文件时自动使用标准格式化vue文件"standard.autoFixOnSave":true4.如果还是不行怎么办?重启vscode重启电脑在本文后添加评论