位置: IT常识 - 正文

VSCode中ESLint插件修复+配置教程(vscode eslint vue)

编辑:rootadmin
VSCode中ESLint插件修复+配置教程 文章目录vscode+eslint插件+配置教程如果不好用排查1: 如果出现后面回车符问题排查2: 保存时好了但是一瞬间代码又回来了排查3: 右下角是否开启eslint服务排查4: 如果保存还是变回去了排查5: ESLint不生效排查6: 如果都用心走了一遍, 还不行额外说明-新文件还是末尾换行问题vscode+eslint插件+配置教程

推荐整理分享VSCode中ESLint插件修复+配置教程(vscode eslint vue),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:vscode设置eslint检验不报错,vscode eslint vue,eslint vscode不起作用,vscode eslint vue,vscode设置eslint检验不报错,vscode eslint插件,vscode eslint vue,vscode eslint vue,内容如对您有帮助,希望把文章链接给更多的朋友!

1.打开项目, 必须让Vscode左侧工作区根目录是项目文件夹, 确保根目录下(第一级)有eslintrc.js / package.json中有eslint相关配置。

2.在Vscode中, 安装ESLint插件(它可以配置你工作区中的eslintrc.js相关配置来帮你修复你代码中的代码风格问题)。

3.给VSCode中添加配置, 让编辑器在保存(写代码区域, 按ctrl+s) 会尝试修复eslint语法检查的问题(如果是代码本身写错了,这个不管),具体添加配置步骤:

注意: 中间偏下部分, 选择用户的, 不要选择工作区的 用户: 配置一次 所有项目都生效 工作区: 配置只在当前Vscode打开的根目录下范围有效

4.切换成右侧json格式的配置后, 加入这个配置, 让vscode保存尝试修复问题。

"eslint.run": "onType", "editor.codeActionsOnSave": { "source.fixAll.eslint": true },

注意: json文件的格式,只能最外面一个大括号包裹起来 配置好以后: 应该就可以使用eslint插件+vscode来格式化和修复你的eslint语法问题了。 效果如图: 注意: 因为你的eslintrc.js中, 选择的eslint语法可能不同,有的没有分号,有的需要加分号

概念介绍:

eslint 是法官eslintrc.js中配置的是法律 (具体用哪些规则)

但是无论用哪个规则, 只要你把上面4步配置好,eslint插件就会按照规则来修复你的代码

VSCode中ESLint插件修复+配置教程(vscode eslint vue)

当然也可以在rules中添加自定义的规则

如果不好用排查1: 如果出现后面回车符问题

解决:先试着运行命令: npm run lint -fix 来修复整个工程里的回车问题。 因为mac和windows文件后面的回车用的格式不同,错误原因如下:

如果运行后, 回车问题还在, 重启下vscode试试

排查2: 保存时好了但是一瞬间代码又回来了

解决:

把vscode保存自带的格式化效果去掉, 在设置里, 勾去掉

排查3: 右下角是否开启eslint服务

你的vscode版本可能过低, 看下右下角有无eslint,如果有的话看看是否打勾勾了,如果是个x, 禁用图标,点击它开始eslint,弹窗选择 everywhere。

下面都是正确效果:

排查4: 如果保存还是变回去了

还是有可能和vscode其他美化插件冲突,禁用其他美化插件,eslint也能美化你的js代码

排查5: ESLint不生效node_modules第三方, 安装下。ESLint插件是否启动了排查6: 如果都用心走了一遍, 还不行

关闭vscode, 重新打开, 如果还不行, 把ESLint插件卸载关闭Vscode, 再重新打开再安装试一下。

额外说明-新文件还是末尾换行问题

如果新的.vue文件右下角也还是CRLF(\r\n), 可以挨个改, 选择LF (\n), 但是比较麻烦 :

本文链接地址:https://www.jiuchutong.com/zhishi/290728.html 转载请保留说明!

上一篇:圣托里尼岛上的伊亚镇,希腊 (© Zebra-Studio/Shutterstock)(圣托里尼岛具体位置)

下一篇:大脊山,英格兰峰区国家公园 (© John Finney Photography/Moment/Getty Images)

  • 税金返还需要交税吗
  • 网络课程购买
  • 利润的敏感性分析怎么做?
  • 小企业如何做帐
  • 咨询服务业涉及税费
  • 增值税的账务处理 月末怎么结转 案例
  • 应收账款平均余额公式
  • 小规模纳税人30万含专票吗
  • 合并扣税项是什么科目
  • 税务申报我的待办是空的
  • 会计和税法折旧年限不同如何计算终结期现金净流量
  • 提供应税服务的企业
  • 中小型物流公司简介
  • 债券作为交易性金融资产的账务处理
  • 税费返还怎么做会计科目
  • 企业发生的辞退福利
  • 从农民个人手里获取资源
  • 税务自查补缴税款算滞纳金么
  • 村集体经济组织法
  • 小规模纳税人进材料怎么做账
  • 给职工发放的福利费,要从应付职工薪酬科目吗
  • 河道费怎么计算
  • 印花税的计税依据含增值税吗
  • 不缴地税国税可停票吗?
  • 纳税人转让2016年以后的土地使用权
  • 出口分为哪四步
  • 设立独立核算的销售机构的筹划
  • 企业开办费摊销期限的税法规定
  • 子公司搭建
  • 小规模纳税人如何交增值税
  • macos big sur最新版本
  • 补交地税多少钱
  • 损益类科目反映企业在一定期间内利润或亏损,可以分为
  • win10电脑屏幕颜色变了怎么调到原来的
  • 个税非居民是什么意思
  • koeids.dll
  • 防伪税控风险纳税人
  • php冒泡法排序
  • 总纳税与就地纳税区别
  • 宝塔面板要安装什么环境
  • 利润分配反映什么
  • docker管理系统
  • 企业账户对私人账户转账多久到账
  • 其他应收款怎么核对
  • 帝国cms使用手册
  • 马踏棋盘游戏规则
  • 营业总收入包括营业外收入吗
  • 汇兑损益可能被确认为
  • 成立一般纳税人公司流程
  • 小型微利企业季度所得税怎么计算
  • 应付账款转收入摘要怎么写
  • 个人独资公司对外如何承担责任
  • 产品广告费属于什么会计科目类别
  • 工商年报中纳税总额怎么填
  • 个人独资企业要交哪些税
  • 哪些地方中国没有收复
  • 管理费用里包括哪些费用
  • 挂其他应付款的帐怎么冲平
  • 签合同前的协议叫什么
  • 建立备查账簿登记的有哪些
  • SQLServer:探讨EXEC与sp_executesql的区别详解
  • sqlserver多行转多列
  • mysql 定点数和浮点数
  • 字符集 linux
  • Skype.exe - Skype是什么进程 有什么用
  • windows8使用教程
  • win7系统回收站不见了怎么办
  • win10系统怎么设置开机启动项
  • linux如何快速入门
  • linux diy
  • js 编辑框
  • CCKiller:Linux轻量级CC攻击防御工具,秒级检查、自动拉黑和释放
  • 批处理/d
  • 利用python进行
  • 基于Android的人脸门禁系统
  • Python Sql数据库增删改查操作简单封装
  • javascript面向对象编程指南第三版
  • 自然人电子税务局网页端
  • 金税盘显示证书口令错误
  • 浙江省有多少家农业银行
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设