自动eslint格式校验

最新推荐文章于 2024-10-18 18:40:32 发布

Beam007

最新推荐文章于 2024-10-18 18:40:32 发布

阅读量825

点赞数

分类专栏： vue

本文链接：https://blog.csdn.net/Beam007/article/details/106838098

版权

本文介绍了如何在VSCode中实现保存时自动进行eslint格式校验，解决Prettier和eslint格式冲突，通过调整编辑器首选项设置来达成满意的效果。

摘要由CSDN通过智能技术生成

最新的自动eslint格式化见文章：
首选项配置+Eslint+prettier+Vetur
https://blog.csdn.net/Beam007/article/details/112832455
——————————————————————

前言

看同事用vscode保存代码都自动进行格式校验，且符合eslint规则。
于是开始了我的十万个为什么？

vscode保存不自动校验格式
Prettier - Code formatter不生效
Prettier格式校验和eslint冲突规则不一致

结果

搜了个遍也没有满意答案，后来发现是编辑器首选项的设置问题。
文件-首选项-设置

参考

https://blog.csdn.net/weixin_36222137/article/details/80040758

满意的首选项

{
    "editor.fontSize": 22, // 字体大小
    "workbench.colorTheme": "greenery", // 工作台主题颜色
    "editor.minimap.enabled": false, //关闭快速预览
    "editor.formatOnSave": true, //每次保存自动格式化
    "editor.codeActionsOnSave": { // 每次保存的时候将代码按eslint格式进行修复
        "source.fixAll.eslint": true
    },
    // "