位置: 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)

  • 个人去税务局开劳务票 税点是多少
  • 银行的划分标准
  • 企业收到投资者投入的生产设备,其账务处理
  • 未开票收入以后必须开票吗
  • 发票服务名称都有什么
  • 填第二季度的利润总额怎么填
  • 一般纳税人建筑工程税率是多少
  • 成本模式的投资性房地产折旧计入什么
  • 企业购置节能节水专用设备
  • 坏账的处理方法包括
  • 微信支付工资怎么做账
  • 期末数未分配利润为负数的会计分录怎么处理?
  • 公司迁移注册地税务问题
  • 小规模纳税人纳税申报流程
  • 小规模纳税人出售使用过固定资产
  • 开发商乱要回迁怎么投诉
  • 小区物业宿舍
  • 个人所得税申报退税的条件
  • 企业收付款流程图
  • 销售方开具的红字信息表
  • 收到个人缴纳的办证费
  • 开业庆典礼仪费计入什么科目?
  • 会计成本核算的三种基本方法
  • 未承兑的商业汇票什么意思
  • 不征收增值税的项目有哪些
  • 报废的周转物怎么处理?
  • 增值税专用发票有几联?
  • win10 net framework 3.5 离线
  • windows11永久解决蓝屏
  • 如何通过u盘重启
  • 司机公里补贴进什么科目
  • sessmgr.exe - sessmgr是什么进程 有什么用
  • PHP:Memcached::getDelayed()的用法_Memcached类
  • macOS 11 Big Sur 开发者预览版 Beta 8推送
  • 会计核算的方法主要有
  • 与取得收入无关的其他支出
  • nvm安装及全局配置node
  • 哪些房地产项目是国企
  • 存货成本在哪个表里
  • php运用
  • 销售自己使用过的固定资产
  • 经济补偿金个人所得税计算公式
  • 收到退回的以前年度的劳务费怎么入账
  • bert获取中文词向量
  • 蓝桥杯官网报名2020
  • php jsonp
  • 企业的对公账户怎么办理
  • python中类方法有什么用
  • 金税卡报税流程
  • 私车公用的汽油费计入哪个科目
  • 员工加班餐费算什么费用
  • 水电费 会计
  • 销售费用期末余额
  • 法人可以是办税人员吗
  • 企业间拆借资金要交印花税吗
  • 应收账款计提的坏账准备可以转回
  • 确认借款无法收款怎么办
  • 公司车过户给个人多久不用补税
  • 员工在工伤
  • 试算不平衡的原因是什么
  • 房租费会计分录
  • 货币资金里的其他货币资金
  • 存根联明细怎么申报
  • 修改企业账套的步骤
  • mysql里面的数据类型
  • win8系统连接vpn失败提示错误代码807的解决方法
  • xp系统怎么修改网络ip地址
  • win2008 server r2 intel无法安装网卡驱动不存在英特尔PRO适配器的解决方法
  • 如何进入xp系统
  • 安装 centos
  • linux哪些方法可以查看命令的详细信息
  • windows10玩游戏卡吗
  • excel中利用条件格式展示数据
  • unity 读取txt
  • 使用css设置文字效果
  • jquery文件上传进度条
  • 批处理命令显示内容
  • 教程java
  • python自动化部署oracle csdn
  • 如何查询企业税务评级
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设