配置eslint，Vscode工作区需要的配置

最新推荐文章于 2024-05-10 16:31:59 发布

cbyr

最新推荐文章于 2024-05-10 16:31:59 发布

阅读量866

点赞数

文章标签： react.js javascript 前端 vue.js

本文链接：https://blog.csdn.net/weixin_57519185/article/details/121409999

版权

本文提供了一个省事的解决方案，适用于配置eslint以适应React和Vue.js项目，确保在Vscode工作区中进行高效且规范的javascript前端开发。

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

省事解决方案：（react、vue通用）

{
    "eslint.run": "onType",
    "eslint.options": {
        "extensions": [
            ".js",
            ".vue",
            ".jsx",
            ".tsx"
        ]
    },
    "editor.codeActionsOnSave": {
        "source.fixAll.eslint": true
    },
     // 编辑器设置 - 保存时做格式化
  "editor.formatOnSave": true,
  // 编辑器设置 - 默认采用prettier-now做格式化
  // 如果使用的是prettier，这的设置应该是 esbenp.prettier-vscode
  "editor.defaultFormatter":"remimarsal.prettier-now",
 
  // 控制缩进
  "prettier.useTabs": false, // 缩进不使用tab，使用空格 
  "prettier.tabWidth": 2, // 缩进字节数
  
  // 函数声明时小括号前后要加空格
  // 如果你使用prettier这一项是不能做选择的，导致和eslint默认配置的冲突
  // 可以在百度中搜到很多的记录： https://www.baidu.com/s?wd=prettier%20%E5%87%BD%E6%95%B0%E7%A9%BA%E6%A0%BC
  "prettier.spaceBeforeFunctionParen": true,
 
  // react的jsx让>与结束标签同行