vscode中eslint插件的配置（prettier配置无效）

网络编程 2024/11/18 佚名

3 1 2

用vue-cli构建vue项目，会有个eslint代码检测的安装

可vscode自带代码格式化是prettier格式（右键有格式化文件或alt+shift+f）

这时候要在vscode上装一个eslint插件

装完后在文件-----》首选项-------》设置里找到settings.json（快捷键忘了）

eslint配置如下，（配置的·具体详情还有待研究，我也是网上copy的，不过亲测可用）。保存配置后每次写.vue文件只要control+s保存，就可以把代码格式改成符合eslint标准

"eslint.autoFixOnSave": true,
// 专门写Vue的eslint配置
"eslint.validate": [
 "javascript",
 "javascriptreact",
 { "language": "html", "autoFix": true },
 { "language": "vue", "autoFix": true }
]

-------------------------------------------------------------分割线---------------------------------------------------------------

在写vue的时候很多人会选择prettier+eslint来规范代码格式

这时候有些人就很奇怪，我明明在setting.json里配置了prettier的格式化规范，怎么就不生效呢

其实用vscode做vue开发的时候都会安装一个Vetur的插件来对.vue格式的文件进行处理，Vetur自带了格式化，规范就是使用prettier

如果你有装prettier插件，并且在设置或setting.json里配置了prettier的话是无效的

如上图，在设置勾选后配置后就会在setting.json里生成对应配置代码，不过由于Vetur的存在，此时的prettier其实并未起作用（可能是优先级问题吧，我也不清楚）

正确配置看下图和Vetur官方文档

官网链接

所以说有两种方法配置，一种是在根目录下写一个.prettier文件，文件里的内容可以参考网上其它文章。另一种就是如上图所示，在setting.json里配置

------------------------------------------------------------------------------分割线---------------------------------------------------

eslint也是能格式化的，只是有局限性，所以要prettier来配合

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

vscode,eslint插件配置,vscode,eslint,prettier

风云阁资源网 Design By www.bgabc.com

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

风云阁资源网 Design By www.bgabc.com

评论“vscode中eslint插件的配置（prettier配置无效）”

暂无评论...

更新日志

2024年11月18日

vscode中eslint插件的配置（prettier配置无效）

原生js基于canvas实现一个简单的前端截图工具代码实例

layer.open回调获取弹出层参数的实现方法

评论“vscode中eslint插件的配置（prettier配置无效）”

更新日志

友情链接