VScode配置eslint保存自动格式化,eslint格式化去掉分号和双引号。vscode自动保存去掉分号和双引号;““

JavaScript11个月前更新 小马大哥哥
543 0 0

本文是开启eslint检验和配置eslint格式化;如果想要关闭eslint,查看这篇关闭eslint方法

1.必须安装的三个插件eslint, prettier-Code formatter ,vetur

2.配置setting.json

VScode配置eslint保存自动格式化,eslint格式化去掉分号和双引号。vscode自动保存去掉分号和双引号;““3.直接将下方代码复制,黏贴在setting.json文件中

ctrl+s保存时候,自动格式化+无分号+单引号:取决于 这三个设置

    // 当保存代码的时候,会自动格式化
    "editor.formatOnSave": true,
    // 不添加分号
    "prettier.semi": false,
    // 使用单引号
    "prettier.singleQuote": true,

最好直接复用下面的配置,里面有eslint检验和自动修改配置

{
  "editor.quickSuggestions": {
    "strings": true
  },
  "window.zoomLevel": 1,
  "[javascript]": {
    "editor.defaultFormatter": "vscode.typescript-language-features"
  },
  "[css]": {
    "editor.defaultFormatter": "michelemelluso.code-beautifier"
  },
  "files.autoSave": "afterDelay",
  "editor.suggestSelection": "first",
  "vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue",
  "[html]": {
    "editor.defaultFormatter": "HookyQR.beautify"
  },
  // 本地配备eslint
  //自动保存的时候,eslint自动修复一些格式上的错误
  "eslint.alwaysShowStatus": true,
  "eslint.autoFixOnSave": true,
  // 每次保存的时候将代码按eslint格式进行修复
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },
  "eslint.options": {
  "extensions": [
  ".js",
  ".vue"
  ]
  },
  "eslint.validate": [
  "javascript",
  {
  "language": "vue",
  "autoFix": true
  },
  "html",
  "vue"
  ],
  "emmet.includeLanguages": {
    "javascript": "html",
    "wxml": "html"
  },
  "git.autofetch": true,

  "[vue]": {
    "editor.defaultFormatter": "octref.vetur"
  },
  "workbench.colorTheme": "Default Dark+",
  "workbench.colorCustomizations": {

  },
    // 关闭eslint
    // "eslint.enable": false,


  // tab一键成元素html标签
  "emmet.triggerExpansionOnTab": true,
  "files.associations": {
    "*.cjson": "jsonc",
    "*.wxss": "css",
    "*.wxs": "javascript"
  },
  "minapp-vscode.disableAutoConfig": true,
  "[json]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
   // 当保存代码的饿时候,会自动格式化
  "editor.formatOnSave": true,
  // 不添加分号
  "prettier.semi": false,
  // 使用单引号
  "prettier.singleQuote": true,
  // 解决Vue换行问题
  "vetur.format.defaultFormatter.html": "js-beautify-html",
  "vetur.format.defaultFormatter.js": "vscode-typescript",//解决配置默认格式化 js换行问题
  "vetur.format.defaultFormatterOptions": {
      "js-beautify-html": {
          "wrap_attributes": "auto"
      },
      "prettyhtml": {
          "printWidth": 100,
          "singleQuote": false,
          "wrapAttributes": false,
          "sortAttributes": false
      }
  },
  "[typescript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
}

4.在你的项目下配置 .eslintrc.js 文件,此文件会用来在保存时候做eslint校验,具体配置网上很多可参考此篇

 

————————————————
原文链接:https://blog.csdn.net/i_am_a_div/article/details/114842638

© 版权声明

相关文章

暂无评论

您必须登录才能参与评论!
立即登录
暂无评论...