由于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 ...