当前位置: 代码迷 >> 综合 >> vscode 配置 eslint 自动修复
  详细解决方案

vscode 配置 eslint 自动修复

热度:14   发布时间:2023-12-07 04:18:23.0

vscode 配置 eslint 自动修复

  1. 安装 vetur 、eslint 、prettier-code formatter
  2. 设置中进入 setting.json 文件,配置以下内容
{
    "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": true},"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",
}