今天eslint版本更新了，然后昂，有些奇奇怪怪的错误提示了，然后想，这我得

1.配置一个保存时根据eslint规则自动修复

2.欸，之前编码遇到未使用的变量都会有标记黄线，我很好定位，这会怎么没了

于是为了解决这两个问题

我遇到了如下问题

  1. vscode-eslint怎么配置规则
  2. vscode-eslint怎么保存自动修复配置
  3. eslint在vscode上配置为什么不生效
  4. typeScript无法格式化
  5. eslint检测出的问题如何自动修复

项目中配置eslint

首先要知道，必须先项目中配置eslint

全局安装  eslint

npm i eslint -g

然后你可以通过手动创建一份.eslintrc.js或者.eslintrc.ts，也可以通过命令eslint --init创建一份

使用命令时你可以选个模板，也可以自己回答问题

比如选择airbnb

也可以自己回答问题

这样你就会有一份.eslintrc.js或者.eslintrc.ts文件

其他更具体详细的东西可以参考Eslint官网

为什么我会出现问题：

  1. eslint在vscode上配置为什么不生效
  2. 欸，之前编码遇到未使用的变量都会有标记黄线，我很好定位，这会怎么没了

因为我没有在VSCode中配置怎么会生效呢 amazing，有被自己蠢到。

现在我们需要在VSCode中使用Eslint，VScode的Eslint会读取项目中的配置文件，从而达到会代码的检查

在VSCode中使用Eslint

首先打开VScode的扩展面板，搜索Eslint，安装它！

安装完成后，你需要重新启动VScode

然后点击VSCode的  文件》 首选项 》设置 ，搜索eslint，在Eslint Options处点击进seting.json

这里你可以做一些eslint的配置

{
  "eslint.enable": true, //是否开启vscode的eslint
  "eslint.options": { //指定vscode的eslint所处理的文件的后缀
      "extensions": [
          ".js",
          ".vue",
          ".ts",
          ".tsx"
      ]
  },
  "editor.formatOnSave": true,
  "editor.codeActionsOnSave": {
      "source.fixAll.eslint": true
  },
  "eslint.validate": [ //确定校验准则
      "javascript",
      "javascriptreact",
      {
          "language": "html",
          "autoFix": true
      },
      {
          "language": "vue",
          "autoFix": true
      },
      {  // 解决格式化typeScript无法生效
          "language": "typescript", 
          "autoFix": true
      },
      {//解决格式化typeScript无法生效
          "language": "typescriptreact",
          "autoFix": true
      }
  ]
}

　一般这样的话，出现eslint提示后，保存即可修改成功。　

那么Eslint检出的问题如何修复呢

运行如下命令

eslint --fix [file.js][dir]

　　

参考：

https://blog.csdn.net/xss392795158/article/details/88228922

https://blog.csdn.net/weixin_34274029/article/details/88882472

https://www.cnblogs.com/sheseido/p/12357144.html

https://www.jianshu.com/p/c1553525e2b9

https://www.cnblogs.com/saysmy/p/6637258.html

最新文章

  1. JS关于时间的计算
  2. JVM的相关知识整理和学习--(转载)
  3. angularjs $swipe调用方法
  4. (转) linux目录结构详细介绍
  5. PHP面向对象的基本写法（区别于java）
  6. VMware虚拟机与主机联通及配置上网
  7. 第四章——SQLServer2008-2012资源及性能监控（2） .
  8. CentOS安装JDK 8
  9. Ajax实现带进度条的文件上传
  10. Postgresql操作json格式数据
  11. docker基础篇
  12. （Tcp协议）linux上netstat -atunlp后出现的数据的意思（socket状态）
  13. 操作系统错误 5:"5(拒绝访问。)
  14. mysql 错误：1166 解决办法
  15. Struts2、SpringMVC、Servlet(Jsp)性能对比 测试
  16. 【我的Android进阶之旅】推荐一款视频转换GIF图片格式的转换工具（Video to GIF）
  17. java高级特性（2）--循序渐进地培养面向对象的思维方式
  18. 015——数组（十五）sort natsort shuffle natcasesoft array_multisort
  19. Django问题 TypeError: __init__() missing 1 required positional argument: 'on_delete'
  20. VB查询数据库之登陆窗体——机房收费总结（一）

热门文章

  1. Mybatis源码学习第七天(插件源码分析)
  2. 斗篷指令、属性指令、表单指令、条件指令、循环指令、js的Array操作、前台数据库、
  3. agumaster 出现实际股票数据
  4. shell 文件判断
  5. 通俗理解线性回归(Linear Regression)
  6. Linux：less and Aix：more
  7. 记录一次OCR程序开发的尝试
  8. 基于Ant Design Vue封装一个表单控件
  9. springboot中图标的定制
  10. treemap使用了解