Eslint检测出的问题如何自动修复

最新推荐文章于 2024-05-17 14:08:31 发布
最新推荐文章于 2024-05-17 14:08:31 发布
阅读量3.6k 收藏
点赞数
文章标签： 开发工具 webpack 前端 ViewUI
原文链接：http://www.cnblogs.com/saysmy/p/6637258.html
版权

1. sublime 插件 eslintAutoFix

目前只试了windows下

真是大坑！如果你用了这个插件但不能自动修复，那就不要再用这个了！全网无解！

提示系统找不到指定的文件，各种路径加入系统变量以及配置文件都无用！心累！

不知道是不是不支持windows了？？？

如果你碰巧使用正常了，可以留言告诉我怎么搞的，感谢！

 

2. 命令行eslint自动修复

全局安装eslint

npm install eslint -g

运行

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

 

修复前：

 

修复后：

 console手动注释即可， --fix不能完全修复

 

转载于:https://www.cnblogs.com/saysmy/p/6637258.html

dingbenji5337
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
eslint：查找并修复JavaScript代码中的问题
02-03
ESLint | | | | | | | | ESLint是用于识别和报告ECMAScript / JavaScript代码中的模式的工具。 在许多方面，它与JSLint和JSHint相似，但有一些例外： ESLint使用进行JavaScript解析。 ESLint使用AST评估代码中的模式。 ESLint完全可插入，每个规则都是一个插件，您可以在运行时添加更多内容。 目录 安装及使用 先决条件：使用SSL支持构建的 （ ^10.12.0或>=12.0.0 ）。 （如果您使用的是官方的Node.js发行版，则始终内置SSL。） 您可以使用npm安装ESLint： $ npm install eslint --save-dev 然后，您应该设置一个配置文件： $ ./node_modules/.bin/eslint --init 之后，可以在任何文件或目录上运行ESLint，如下所示： $ ./node_modules/.bin/eslint yourfile.js 组态 运行eslint --init ，您的目录中将有一个.eslintrc文件。 在其中，您会看到一些
Eslint设置自动修复
weixin_46011668的博客
07-05 807
Eslint设置自动修复
Eslint自动修复突然不生效了，解决方案，亲测有效
最新发布
qq_41920758的博客
05-17 307
版本号是1.7.0，eslint自动升级到2.4.4出现了问题，回退到2.4.2就可以了。在vscode中找到ESLint扩展应用，安装之前的版本，然后重新加载就可以了。之前用了很久都没问题，今天打开项目突然不好用的，一般就是插件版本问题。打开vscode底部状态栏，查看eslint的输出，提示版本问题。完美，重新加载之后就可以用了，太好用了。
vue：ESLint如何自动修复代码
m0_65069237的博客
12-04 1082
代码本身没有问题，但是因为这是一个ESLint的错误提示，但是它指出了在文件E:\vscode\vuesua\src\views\HomeView.vue中的第18到33行存在缩进错误。具体来说，第18到25行的缩进应该是2个空格，而第26到33行的缩进应该是4个空格。此外，第25行函数的左括号前应该有一个空格。这些错误可以通过手动更正代码或使用ESLint的--fix选项自动修复。而webpack编译时出现了1个错误，需要查看具体的错误信息来进行修复。在vue开发过程中第一步总会遇到一个问题，就是。
eslint+webpack+polyfill在代码保存时实现自动修复格式
xl19960221的博客
05-07 428
在网上搜索了很多想要实现代码保存时自动修复eslint格式问题的文章，发现都是去改vscode配置，但经验证并不好用。 自己摸索出了方法如下，安装@babel/polyfill依赖，我是直接安装到dependencies的，我的安装命令指定了版本：npm install @babel/polyfill@7.10.1 --save 最后安装依赖如下： "dependencies": { "@babel/polyfill": "^7.10.1", }, 然后在项目根路径下，修改vue.co
webpack 中 应用 eslint (让人崩溃哈) 快速实现 代码的格式化(检测,自动修复)
业余前端的职业经历
08-19 1009
其实吧 这个eslint 不要也行 ，对代码的语法 和书写 格式 进行规范 全球这么多前端开发人员 每个人员都有一个自己的 书写代码的习惯 问题是 如果 没有一个规范的话 特别是去一个新的公司 如果老员工写的代码 注释 没有注释 该换行的地方没换行 瞎写 这样是不是很让人崩溃 ，该空格的地方没有空格 甚至现在有的公司 再提交git的时候会进行 代码质量检测 如果 不过关 不让提交 不让提交意味着今天的活 可能白干了 这其实都是再对那些 随便写代码的人的约束 其实吧 开发的时候 没必要这样 每次写完代码
Vue项目vscode 安装eslint插件的方法(代码自动修复)
10-15
主要介绍了Vue项目vscode 安装eslint插件的方法 代码自动修复,需要的朋友可以参考下
vscode配置setting.json文件实现eslint自动格式代码
10-14
在旧版 VSCode 中，可以通过以下配置实现 ESLint 自动修复： ```json { "eslint.autoFixOnSave": true, "eslint.validate": [ "javascript", { "language": "vue", "autoFix": true }, { "language": ...
eslint+prettier统一代码风格的实现方法
10-15
结合`eslint`和`prettier`，可以在保存文件时自动修复`eslint`检测到的错误并格式化代码。这样，每次按下保存键，代码将自动调整为符合团队约定的样式，无需手动调整。 2. **安装** 首先，你需要在开发环境中...
webstorm中配置Eslint的两种方式及差异比较详解
10-17
**方式一**：WebStorm内置的ESLint可以直接检测Vue文件中的ESLint错误，并用红色波浪线标出。用户可以方便地修复这些问题。 **方式二**：在默认情况下，安装插件的ESLint不支持检测Vue文件的ESLint错误。需要额外...
eslint 保存自动格式化_ESLint一款可组装的JavaScript和JSX检查工具
weixin_39639518的博客
11-30 236
使用vs code为例，创建项目ESLintDemonpm initnpm install --save-dev eslingeslint --init项目的基本目录产生.eslintrc文件，根据执行过程中选择会产生不同格式的文件类型，这里以json格式为例，比如我在项目中配置的.eslintrc.json文件{ "env": { "es6": true, "n...
webpack + eslint
mrliusu的博客
05-28 1575
工欲善其事必先利其器 前面用gulp 和 gulp-jshint 、sublimeText + jshint 检测了代码，但是需要自己编写.jshintrc文件，一直想试一下airbub的编码规范，但是奈何一直没找到sublimeText配置的资料，今天来试一下webpack + eslint的组合使用airbub的编码规范 新建项目 npm init 注意project ...
eslint报错解决方案：--fix的使用
JZevin的博客
04-13 2万+
vue项目中使用eslint来做代码规范检查时，在每次运行项目后就会指出你代码中的各种不规范的地方。各种红彤彤的报错，我滴妈！ 虽说不影响项目运行，但是作为一个程序猿，我接受不了…… 解决方案 遇到问题，不要慌～ 报错信息放到百度翻译看一看先，可以发现，报错信息提示了我们该怎么做！ 1 error and 0 warnings potentially fixable with the `--fix` option. // 1个错误和0个警告可通过“--fix”选项修复。 --fix 很明显是一个命令
如何修复vue-cli保存编译时的eslint报错
qq_55917018的博客
11-18 1802
修复vue-cli保存编译时的eslint报错
eslint 设置目录_ESLint 使用指南
weixin_39876282的博客
12-22 572
eslint [options] file.js [file.js] [dir]Basic configuration:--no-eslintrc Disable use of configuration from .eslintrc.*-c, --config path::String Use this configuration, overridin...
webstom的eslint中的fix eslint problems 如何对.vue文件生效
小妖精来啦的博客
01-09 6333
如果你的项目中做了eslint的配置，鼠标右键点击js文件时，会多一个Fix Eslint Problems的选项，如下图所示；该选项可以根据eslint规则自动修复js文件中出现的常见错误。该选项本质上就是执行了eslint --fix filename.js。 可能是我的webstorm的版本过低，配置了eslint后，右键.vue文件却不会出现Fix Eslint Problems选项...
Eslint 配置及规则说明
热门推荐
雾里看花叹朦胧
11-21 6万+
中文官方网站安装可以全局安装，也可以在项目下面安装。 如下是在项目中安装示例，只需要在 package.json 中添加如下配置，并进行安装： “eslint”: “^4.11.0” 配置配置方式有两种，但建议使用文件配置的形式，比较独立，便于维护。 使用文件配置的方式：在项目的根目录下，新建一个名为 .eslintrc 的文件，在此文件中添加一些检查规则。文件配置方式env：你的脚本将要运
干货！EsLint的自动修复设置！
徐飞的博客
08-03 8169
干货！EsLint的自动修复设置！写代码很爽是一种什么样的体验？？
VSCode中ESLint插件修复+配置教程
m0_62181310的博客
08-30 1万+
1.打开项目， 必须让Vscode左侧工作区根目录是项目文件夹， 确保根目录下(第一级)有eslintrc.js / package.json中有eslint相关配置。你的vscode版本可能过低， 看下右下角有无eslint，如果有的话看看是否打勾勾了，如果是个x， 禁用图标，点击它开始eslint，弹窗选择 everywhere。2.在Vscode中， 安装ESLint插件(它可以配置你工作区中的eslintrc.js相关配置来帮你修复你代码中的代码风格问题)。用户: 配置一次 所有项目都生效。...
vscode使用eslint检测代码自动修正
08-06
VS Code会尝试自动修复错误，一些简单的错误可以被自动修整，例如缺少分号、多余的空格等等。 然而，并非所有的错误都可以被自动修复。对于复杂的错误，我们需要手动修改代码。此时，我们可以使用VS Code的代码智能...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值