VSCode配置eslint

最新推荐文章于 2024-03-14 17:45:20 发布

dengbeizhuo8768

最新推荐文章于 2024-03-14 17:45:20 发布

阅读量107

点赞数

CC 4.0 BY-SA版权

文章标签：开发工具 javascript ViewUI

原文链接：http://www.cnblogs.com/scale/p/9487624.html

本文介绍在Vue.js项目中如何配置ESLint插件，实现自动语法修正。通过设置vscode的用户设置，包括自动修复、文件自动保存、语言验证及编辑器的tab大小，确保代码风格一致。

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

在Vue.js项目中，使用的是eslint检查。

安装插件：ESLint

vscode里打开文件>首选项 > 设置，在用户设置setting.json里面：可以这样设置

{
 //配置eslint
    "eslint.autoFixOnSave": true,
    "files.autoSave":"off",
    "eslint.validate": [
       "javascript",
       "javascriptreact",
       "html",
       { "language": "vue", "autoFix": true }
     ],
     "eslint.options": {
        "plugins": ["html"]
     },
     //为了符合eslint的两个空格间隔原则
     "editor.tabSize": 2   
}

这样每次保存文件（ctrl+s）时，eslint插件会自动对当前文件进行eslint语法修正！

转载于:https://www.cnblogs.com/scale/p/9487624.html