eslint检测代码时自动格式化修复

最新推荐文章于 2024-05-27 14:12:51 发布

睡不够和睡不着

最新推荐文章于 2024-05-27 14:12:51 发布

阅读量621

点赞数 7

文章标签： javascript

本文链接：https://blog.csdn.net/2301_78176274/article/details/135834201

版权

本文详细描述了如何在VSCode中配置settings.json，以实现自动代码格式化，包括HTML、Vue、JavaScript和TypeScript的特定选项，以及启用ESLint自动修复功能。

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

进入vscode之后打开设置，搜索settings.json，将下面代码复制粘贴，通过Ctral+s自动格式化修复代码


{
  "editor.tabSize": 2,
	// eslint 检测文件类型
  "vetur.format.defaultFormatter.html": "prettyhtml",
  "vetur.format.defaultFormatterOptions": {
    "js-beautify-html": {
      "wrap_attributes": "auto"
    },
    "prettyhtml": {
        "printWidth": 200,
        "singleQuote": false,
        "wrapAttributes": false,
        "sortAttributes": false
    },
    "prettier": {
      "useTabs": true,  // 使用制表符进行缩进
      "semi": false,  // 去掉代码末尾的分号
      "singleQuote": true,  // 单引号替换双引号
      "trailingComma": "none" //去除对象最末尾跟随的逗号
    }
	},
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": "explicit"
  },
  "javascript.format.insertSpaceBeforeFunctionParenthesis": true, // 让函数名和后面的括号之间加个空格
  "vetur.format.defaultFormatter.js": "vscode-typescript", // 让vue中的js按编译器自带的ts格式进行格式化
  "[vue]": {
  	"editor.defaultFormatter": "octref.vetur"
  },
  "eslint.autoFixOnSave": true,  //  启用保存时自动修复,默认只支持.js文件
  "eslint.validate": [
    "javascript", //  用eslint的规则检测js文件
    {
    "language": "vue", // 检测vue文件
    "autoFix": true //  为vue文件开启保存自动修复的功能
    },
    "typescript" // 用eslint的规则检测ts文件
  ],
  "tslint.autoFixOnSave": true,
  "typescript.updateImportsOnFileMove.enabled": "always",
  "workbench.settings.applyToAllProfiles": [
    
  ],
}