2、vscode setting.json配置

作者: Do_Du | 来源:发表于2020-06-23 16:55 被阅读0次

vscode 使用eslint（保存自动格式化）
2020-02-02
vue vscode 保存时自动验证eslint规则格式化代
vue vscode 保存时自动验证eslint规则格式化代
2、vscode setting.json配置
vscode Eslint自动格式化代码以及html补全
flask项目在vscode中启动调试的配置
vscode less 文件编译 css
vs code设置js文件格式化时缩紧2个空格
vue-cli3.0：eslint + prettier vsc

2020.5.26 一阵子未出现冲突的配置

{
  "editor.tabSize": 2,
  "files.associations": {
    "*.vue": "vue",
    "*.cjson": "jsonc",
    "*.wxss": "css",
    "*.wxs": "javascript",
    "*.art": "html"
  },
  "eslint.autoFixOnSave": true,
  "eslint.options": {
    "extensions": [
      ".js",
      ".vue"
    ]
  },
  "eslint.validate": [
    "javascript",
    {
      "language": "vue",
      "autoFix": true
    },
    "html",
    "vue"
  ],
  "less.compile": {
    // "compress":  true,  // 是否删除多余空白字符
    // "sourceMap": true,  // 是否创建文件目录树，true的话会自动生成一个 .css.map 文件
    "outExt": ".wxss" // 输出文件的后缀,默认为.css
  },
  "search.exclude": {
    "**/node_modules": true,
    "**/bower_components": true,
    "**/dist": true
  },
  "emmet.syntaxProfiles": {
    "javascript": "jsx",
    "vue": "html",
    "vue-html": "html"
  },
  "git.confirmSync": false,
  "editor.renderWhitespace": "boundary",
  "editor.cursorBlinking": "smooth",
  "editor.minimap.enabled": true,
  "editor.minimap.renderCharacters": false,
  "window.title": "${dirty}${activeEditorMedium}${separator}${rootName}",
  "editor.codeLens": true,
  "editor.snippetSuggestions": "top",
  "workbench.colorTheme": "Cobalt2",
  "emmet.includeLanguages": {
    "wxml": "html"
  },
  "minapp-vscode.disableAutoConfig": true,
  "terminal.integrated.shell.windows": "C:\\Windows\\System32\\cmd.exe",
  "files.autoSave": "off",
  "[javascript]": {
    "editor.defaultFormatter": "vscode.typescript-language-features"
  },
  "[json]": {
    "editor.defaultFormatter": "vscode.json-language-features"
  },
  "[html]": {
    "editor.defaultFormatter": "vscode.html-language-features"
  },
  "explorer.confirmDragAndDrop": false,
  "liveServer.settings.donotVerifyTags": true,
  "liveServer.settings.donotShowInfoMsg": true,
  "diffEditor.ignoreTrimWhitespace": true,
  "[css]": {
    "editor.defaultFormatter": "aeschli.vscode-css-formatter"
  },
  "emmet.triggerExpansionOnTab": true,
  "emmet.showSuggestionsAsSnippets": true,
  "vsicons.dontShowNewVersionMessage": true,
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },
   "vetur.format.defaultFormatter.js": "vscode-typescript",
  "emmet.extensionsPath": "",
  "workbench.iconTheme": "vscode-icons",
  "auto-close-tag.activationOnLanguage": [
  "*.art"
    "xml",
    "php",
    "blade",
    "ejs",
    "jinja",
    "javascript",
    "javascriptreact",
    "typescript",
    "typescriptreact",
    "plaintext",
    "markdown",
    "vue",
    "liquid",
    "erb",
    "lang-cfml",
    "cfml",
    "HTML (EEx)",
    "HTML (Eex)",
    "plist"
  ]
}

对应的插件

image.png

me 可用版本

{
  "editor.tabSize": 2,
  "files.associations": {
    "*.vue": "vue",
    "*.cjson": "jsonc",
    "*.wxss": "css",
    "*.wxs": "javascript",
    "*.art": "html"
  },
  "eslint.autoFixOnSave": true,
  "eslint.options": {
    "extensions": [
      ".js",
      ".vue"
    ]
  },
  "eslint.validate": [
    "javascript",
    {
      "language": "vue",
      "autoFix": true
    },
    "html",
    "vue"
  ],
  "search.exclude": {
    "**/Node_modules": true,
    "**/bower_components": true,
    "**/dist": true
  },
  "emmet.syntaxProfiles": {
    "javascript": "jsx",
    "vue": "html",
    "vue-html": "html"
  },
  "git.confirmSync": false,
  "editor.renderWhitespace": "boundary",
  "editor.cursorBlinking": "smooth",
  "editor.minimap.enabled": true,
  "editor.minimap.renderCharacters": false,
  "window.title": "${dirty}${activeEditorMedium}${separator}${rootName}",
  "editor.codeLens": true,
  "editor.snippetSuggestions": "top",
  "workbench.colorTheme": "One Dark Pro",
  "emmet.includeLanguages": {
    "wxml": "html"
  },
  "workbench.iconTheme": "vscode-icons",
  "files.autoSave": "off",
  "[javascript]": {
    "editor.defaultFormatter": "vscode.typescript-language-features"
  },
  "[json]": {
    "editor.defaultFormatter": "vscode.json-language-features"
  },
  "[html]": {
    "editor.defaultFormatter": "vscode.html-language-features"
  },
  "[css]": {
    "editor.defaultFormatter": "aeschli.vscode-css-formatter"
  }
}

zhan

{
    "editor.tabSize": 2,
    "files.associations": {
        "*.vue": "vue",
        "*.cjson": "jsonc",
        "*.wxss": "css",
        "*.wxs": "javascript",
        "*.art": "html"
    },
    "eslint.autoFixOnSave": true,
    "eslint.options": {
        "extensions": [
            ".js",
            ".vue"
        ]
    },
  "eslint.validate": [
      "javascript",{
          "language": "vue",
          "autoFix": true
      },"html",
      "vue"
  ],
    "search.exclude": {
        "**/node_modules": true,
        "**/bower_components": true,
        "**/dist": true
    },
    "emmet.syntaxProfiles": {
        "javascript": "jsx",
        "vue": "html",
        "vue-html": "html"
    },
    "git.confirmSync": false,
    "editor.renderWhitespace": "boundary",
    "editor.cursorBlinking": "smooth",
    "editor.minimap.enabled": true,
    "editor.minimap.renderCharacters": false,
    "window.title": "${dirty}${activeEditorMedium}${separator}${rootName}",
    "editor.codeLens": true,
    "editor.snippetSuggestions": "top",
    "workbench.colorTheme": "Cobalt2",
    "emmet.includeLanguages": {
        "wxml": "html"
    },
    "minapp-vscode.disableAutoConfig": true,
    "workbench.iconTheme": "vscode-great-icons",
    "terminal.integrated.shell.windows": "C:\\Windows\\System32\\cmd.exe",
    "files.autoSave": "off",
    "[javascript]": {
        "editor.defaultFormatter": "vscode.typescript-language-features"
    },
    "[json]": {
        "editor.defaultFormatter": "vscode.json-language-features"
    },
    "[html]": {
        "editor.defaultFormatter": "vscode.html-language-features"
    },
    "explorer.confirmDragAndDrop": false,
    "liveServer.settings.donotVerifyTags": true,
    "liveServer.settings.donotShowInfoMsg": true,
    "diffEditor.ignoreTrimWhitespace": true,
    "[css]": {
        "editor.defaultFormatter": "aeschli.vscode-css-formatter"
    },
    "emmet.triggerExpansionOnTab": true,
    "emmet.showSuggestionsAsSnippets": true,
    "vsicons.dontShowNewVersionMessage": true,
    "editor.codeActionsOnSave": {
        "source.fixAll.eslint": true
    }
  }

改之前版本

{
  "workbench.colorTheme": "One Dark Pro",
  "vetur.format.options.useTabs": false,
  "editor.tabSize": 2,
  "editor.fontSize": 14,
  "editor.detectIndentation": false, // 禁用beauty插件的缩进属性（他用的是两个空格，太挤）
  "editor.formatOnSave": true, //保存时候自动格式化
  "files.associations": {
    "*.vue": "vue"
  },
  "eslint.autoFixOnSave": true,
  "eslint.options": {
    "extensions": [
      ".js",
      ".vue"
    ]
  },
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    {
      "language": "html",
      "autoFix": true
    },
    {
      "language": "vue",
      "autoFix": true
    }
  ],
  "vetur.validation.template": false,
  "vetur.format.defaultFormatterOptions": {
    "prettier": {
      //去掉代码结尾分号
      "semi": false,
      //使用eslint的代码格式进行校验
      "eslintIntegration": true,
      //采用单引号
      "singleQuote": true,
      "wrapAttributes": false,
    },
    "js-beautify-html": {
      "wrap_attributes": "auto",
      "wrap_line_length": 100,
      "end_with_newline": false
    },
    "prettyhtml": {
      "printWidth": 100,
      "singleQuote": false,
      "wrapAttributes": false,
      "sortAttributes": false
    }
  },
  "vetur.format.defaultFormatter.js": "vscode-typescript",
  "vetur.format.defaultFormatter.html": "js-beautify-html",
  //让函数(名)和后面的括号之间加个空格
  "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
  "search.exclude": {
    "**/Node_modules": true,
    "**/bower_components": true,
    "**/dist": true
  },
  "git.confirmSync": false,
  "window.zoomLevel": 0,
  "editor.renderWhitespace": "boundary",
  "editor.cursorBlinking": "smooth",
  "editor.minimap.enabled": true,
  "editor.minimap.renderCharacters": false,
  "window.title": "${dirty}${activeEditorMedium}${separator}${rootName}",
  "editor.codeLens": true,
  "editor.snippetSuggestions": "top",
  "extensions.ignoreRecommendations": false,
  "[javascript]": {
    "editor.defaultFormatter": "HookyQR.beautify"
  }
}

可能这串配置导致保存时自动换行等问题

"editor.formatOnSave": true, //保存时候自动格式化
"vetur.validation.template": false,
  "vetur.format.defaultFormatterOptions": {
    "prettier": {
      //去掉代码结尾分号
      "semi": false,
      //使用eslint的代码格式进行校验
      "eslintIntegration": true,
      //采用单引号
      "singleQuote": true,
      "wrapAttributes": false,
    },
    "js-beautify-html": {
      "wrap_attributes": "auto",
      "wrap_line_length": 100,
      "end_with_newline": false
    },
    "prettyhtml": {
      "printWidth": 100,
      "singleQuote": false,
      "wrapAttributes": false,
      "sortAttributes": false
    }
  },
  "vetur.format.defaultFormatter.js": "vscode-typescript",
  "vetur.format.defaultFormatter.html": "js-beautify-html",
  //让函数(名)和后面的括号之间加个空格
  "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
  "search.exclude": {
    "**/Node_modules": true,
    "**/bower_components": true,
    "**/dist": true
  },
  "git.confirmSync": false,

占版本

{
    "editor.tabSize": 2,
    "files.associations": {
        "*.vue": "vue",
        "*.cjson": "jsonc",
        "*.wxss": "css",
        "*.wxs": "javascript",
        "*.art": "html"
    },
    "eslint.autoFixOnSave": true,
    "eslint.options": {
        "extensions": [
            ".js",
            ".vue"
        ]
    },
  "eslint.validate": [
      "javascript",{
          "language": "vue",
          "autoFix": true
      },"html",
      "vue"
  ],
    "search.exclude": {
        "**/node_modules": true,
        "**/bower_components": true,
        "**/dist": true
    },
    "emmet.syntaxProfiles": {
        "javascript": "jsx",
        "vue": "html",
        "vue-html": "html"
    },
    "git.confirmSync": false,
    "window.zoomLevel": -1,
    "editor.renderWhitespace": "boundary",
    "editor.cursorBlinking": "smooth",
    "editor.minimap.enabled": true,
    "editor.minimap.renderCharacters": false,
    "window.title": "${dirty}${activeEditorMedium}${separator}${rootName}",
    "editor.codeLens": true,
    "editor.snippetSuggestions": "top",
    "workbench.colorTheme": "Cobalt2",
    "emmet.includeLanguages": {
        "wxml": "html"
    },
    "minapp-vscode.disableAutoConfig": true,
    "workbench.iconTheme": "vscode-great-icons",
    "terminal.integrated.shell.windows": "C:\\Windows\\System32\\cmd.exe",
    "files.autoSave": "off",
    "[javascript]": {
        "editor.defaultFormatter": "vscode.typescript-language-features"
    },
    "[json]": {
        "editor.defaultFormatter": "vscode.json-language-features"
    },
    "[html]": {
        "editor.defaultFormatter": "vscode.html-language-features"
    },
    "explorer.confirmDragAndDrop": false,
    "liveServer.settings.donotVerifyTags": true,
    "liveServer.settings.donotShowInfoMsg": true,
    "diffEditor.ignoreTrimWhitespace": true,
    "[css]": {
        "editor.defaultFormatter": "aeschli.vscode-css-formatter"
    },
    "emmet.triggerExpansionOnTab": true,
    "emmet.showSuggestionsAsSnippets": true
  }

vscode 使用eslint（保存自动格式化）
setting.json配置需要安装的vscode插件 Eslint Prettier ESLint Vetur
2020-02-02
我使用的vscode 配置文件setting.json { "python.pythonPath": "e:\...
vue vscode 保存时自动验证eslint规则格式化代
在vscode setting.json中添加如下配置希望大家快乐开发，另外vscode的git扩展功能也是不错...
vue vscode 保存时自动验证eslint规则格式化代
在vscode setting.json中添加如下配置希望大家快乐开发，另外vscode的git扩展功能也是不错...
2、vscode setting.json配置
2020.5.26 一阵子未出现冲突的配置对应的插件 me 可用版本 zhan 改之前版本可能这串配置导致保存...
vscode Eslint自动格式化代码以及html补全
1.首先安装扩展 2.配置vscode 的setting.json 3.项目中文件保存后即自动修复，html按ta...
flask项目在vscode中启动调试的配置
使用vscode调试flask项目注意事项 setting.json中，配置venv（虚拟环境)路径: 在laun...
vscode less 文件编译 css
1、安装less 2、找到设置搜索less在setting.json里配置 3、在setting.json里配置 ...
vs code设置js文件格式化时缩紧2个空格
打开vscode的setting.json并新增
vue-cli3.0：eslint + prettier vsc
1、.eslintrc.js文件配置 2、setting.json文件配置

2、vscode setting.json配置

相关文章

vscode 使用eslint（保存自动格式化）

2020-02-02

vue vscode 保存时自动验证eslint规则格式化代

vue vscode 保存时自动验证eslint规则格式化代

2、vscode setting.json配置

vscode Eslint自动格式化代码以及html补全

flask项目在vscode中启动调试的配置

vscode less 文件编译 css

vs code设置js文件格式化时缩紧2个空格

vue-cli3.0：eslint + prettier vsc

网友评论

延伸阅读

深度阅读

栏目导航

热点阅读