相关文章推荐
完美的鸡蛋面  ·  vue3 npm run ...·  8 小时前    · 
性感的灯泡  ·  Call to undefined ...·  4 小时前    · 
狂野的充值卡  ·  java mp3识别文字 - CSDN文库·  44 分钟前    · 
帅气的黄瓜  ·  SQL ...·  1 年前    · 

由于java书写习惯 语句结束加分号,而前端使用了eslint,习惯性的加分号,会给错误。这里特别记录一下

例如:测试字符串后增加了一个分号,可以看到是eslint semi规则设置报错
在这里插入图片描述
找到配置文件,配置semi即可取消对分号的报错

ESlint配置
在这里插入图片描述
而我这里配置在了 .eslintrc.js 文件中,并没有在 package.json 中增加 eslintConfig

方案一:打开 .eslintrc.js
找到 rule 节点下的 semi
可以看到现在是不允许有分号:
在这里插入图片描述
第一个参数:
" off "或0-关闭规则
" warn "或1-将该规则作为警告打开(不影响退出代码)
" error "或2-将规则作为错误打开(退出代码将为1)

第二个参数
always (默认):在语句末尾需要分号
never :不允许加分号

所以只需要

'semi': [0]

方案二:对于package.json中配置的eslint
而对于package.json中的配置同理,找到eslintConfig中的rules节点并如下设置:
在这里插入图片描述

当然后面还有对象选项,对不允许和允许分号做处理。具体请查看
传送门或如下:
在这里插入图片描述

千里之行
始于足下

由于java书写习惯 语句结束加分号,而前端使用了eslint,习惯性的加分号,会给错误。这里特别记录一下例如:测试字符串后增加了一个分号,可以看到是eslint semi规则设置报错找到配置文件,配置semi即可取消对分号的报错ESlint配置而我这里配置在了.eslintrc.js文件中,并没有在 package.json 中增加eslintConfig方案一:打开 .eslintrc.js找到rule节点下的 semi可以看到现在是不允许有分号:第一个参数:"off"或0-.
"no-alert": 0,//禁止使用alert confirm prompt "no-array-constructor": 2,//禁止使用数组构造器 "no-bitwise": 0,//禁止使用按位运算符 "no-caller": 1,//禁止使用arguments.caller或arguments.callee "no-catch-shadow": 2,//禁止catch子句参数与外部作
ESLint 是一个语法规则和代码风格的检查工具,可以用来保证写出语法正确、风格统一的代码。 不管是多人合作还是个人项目,代码规范是很重要的。这样做不仅可以很大程度地避免基本语法错误,也保证了代码的可读性。这所谓工欲善其事,必先利其器,推荐 ESLint+vscode 来写 vue,有种飞一般的感觉。 每次保存,vscode就能标红不符合ESLint规则的地方,同时还会做一些简单的自我修正。 二 启用ESLint 1 ESLint插件安装 vs code的ESLint插件,
使用 vue-cli 构建的项目,模版是 webpack ,默认的 eslint 配置是以 standard 为基础的,要求是不使用分号。 如果我们希望要使用分号,则在 rules 字段增加配置: 'semi': ["error", "always"] 这样,你的 js 代码每一个表达式的结尾就应该以分号结尾,否则 eslint 会给出错误提示。 如果你希望 eslint ...