用vue-cli构建一个vue项目将会安装eslint代码检测

vscode自己代码的格式更漂亮(右键单击格式文件或alt shift f)

此时，在vscode上安装一个eslint插件

安装后，在文件首选项设置中找到settings.json(忘记快捷键)。

Eslint的配置如下(配置细节需要研究，我也是网上抄的，不过有pro-test)。写。vue文件每次保存配置后，只要保存控件s，就可以更改代码格式以满足eslint标准

Eslint。autofixonsave ' : true，//写入Vue' eslint的eslint配置。validate' : ['JavaScript '，' JavaScript react '，{'language' :' html '，' Autofix' : true}，{'language' :' vue '，' autofix' : true}]。

写vue的时候，很多人会选择更漂亮的eslint来规范代码格式

这时，有些人很奇怪。我在setting.json中明确配置了clearly的格式规范，那么为什么没有生效呢

事实上，在用vscode进行vue开发时，会安装一个Vetur的插件来处理中的文件。vue格式。Vetur带有格式，规范是使用更漂亮的

如果您安装了pretier插件，并且在settings或setting.json中配置了pretier，则该选项无效

如上图，勾选设置后，setting.json中会生成相应的配置代码。但是由于Vetur的存在，这个时候越漂亮实际上并不起作用(可能是优先级问题，不知道)

正确配置请参见下图和Vetur官方文档

官网链接

所以有两种配置方式，一种是在根目录下写一个. bearry文件，文件中的内容可以参考网上的其他文章。另一种是在上图所示的setting.json中进行配置

- .

Eslint也可以格式化，但是有局限性，需要更漂亮的配合

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。