vue eslint代码格式化

最新推荐文章于 2024-05-10 16:31:59 发布

原创最新推荐文章于 2024-05-10 16:31:59 发布 · 372 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #vue.js

本文介绍了如何在Visual Studio Code中为Vue项目设置ESLint和Prettier，包括安装ESLint、配置settings.json以支持JS、Vue文件的检查和格式化，以及删除不需要的规则。通过这些步骤，可以实现代码保存时自动修复ESLint错误并保持代码风格一致。

vscode vue eslint配置代码格式化

安装ESLint

在这里插入图片描述

配置settings.json

路径: File > Preferences > Settings > settings.json
添加:

 "editor.tabSize": 2,
  "eslint.alwaysShowStatus": true,
  "eslint.packageManager": "yarn",
  "eslint.validate": [
    "javascript",
    "js",
    "vue",
  ],
  "eslint.options": {
    "extensions": [
        ".js",
        ".vue"
    ]
  },

  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },
  "eslint.run": "onSave",
  "files.autoSaveDelay": 3000,
  "eslint.codeAction.disableRuleComment": {
  
  },
  "files.autoSave": "off",