vscode eslint自动格式化(有效的配置)

最新推荐文章于 2024-08-09 07:30:08 发布

charming18

最新推荐文章于 2024-08-09 07:30:08 发布

阅读量2.9k

点赞数

分类专栏：工具

本文链接：https://blog.csdn.net/charming18/article/details/92833822

版权

本文介绍了如何在Vue项目中配置VSCode，以实现ESlint的自动格式化。首先，需要在VSCode应用商店安装ESLint插件。接着，通过编辑setting.json文件，设置相应的配置项来启用自动格式化功能。

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

前提是vue项目选择开启eslint
第一步在应用商店下载 eslint
第二步在setting.json设置，直接复制就可以啦

  // vscode默认启用了根据文件类型自动设置tabsize的选项
  "editor.detectIndentation": false,
  // 重新设定tabsize
  "editor.tabSize": 2,
  // #每次保存的时候自动格式化 
  "editor.formatOnSave": true,
  // #每次保存的时候将代码按eslint格式进行修复
  "eslint.autoFixOnSave": true,
  // 添加 vue 支持
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    {
      "language": "vue",
      "autoFix": true
    }
  ],
  //  #让prettier使用eslint的代码格式进行校验 
  "prettier.eslintIntegration": true,
  //  #去掉代码结尾的分号 
  "prettier.semi": false,
  //  #使用带引号替代双引号 
  "prettier.singleQuote": true,
  //  #让函数(名)和后面的括号之间加个空格
  "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
  // #这个按用户自身习惯选择 
  "vetur.format.defaultFormatter.html": "js-beautify-html",
  // #让vue中的js按编辑器自带的ts格式进行格式化