vscode中使用eslint

最新推荐文章于 2025-03-30 22:22:19 发布

赶海的大鲨鱼

最新推荐文章于 2025-03-30 22:22:19 发布

阅读量817

点赞数 1

文章标签： vscode vue.js 前端

本文链接：https://blog.youkuaiyun.com/why_994/article/details/121353405

版权

本文介绍了如何在Visual Studio Code(VSCode)中安装和配置ESLint与Prettier，以实现Vue项目的代码规范检查和自动格式化。首先，详细步骤演示了安装ESLint的过程，并在设置中启用自动修复和状态显示。接着，创建了.prettierrc文件，设置了不使用尾随逗号和规定括号前的小空格。在.eslintrc.js中，添加了相应的规则以符合代码风格。整个配置过程旨在提升开发效率和代码质量。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vscode安装vue的eslint工具

首先安装eslint

在这里插入图片描述
2. 进入设置setting.json

 {
    "eslint.autoFixOnSave": true,
    "eslint.alwaysShowStatus": true,
    "editor.tabSize": 2,
    "[html]": {
        "editor.defaultFormatter": "vscode.html-language-features"
    },
    "eslint.validate": [
        "javascript",{
            "language": "vue",
            "autoFix": true
        },"html",
        "vue"
    ],
    "window.zoomLevel": 0,
    "workbench.activityBar.visible": true,
}