阿呆前端SonarLint使用文档(webstorm+vscode)

1,120 阅读2分钟
官方网址:docs.sonarsource.com/sonarlint/i…
js代码分析规则:rules.sonarsource.com/javascript/

webstorm:

安装:点击左上角file(文件)->setting(设置)->Plugins(插件)

重启后插件生效

image.png

问题报告:

双击即可进入具体代码

具体示例:

问题等级:
等级解释:

问题解释:
自带反例:

自带正例:

如何自定义规则:设置=》工具

image.png

看看能否导出配置,导入配置,找找配置文件的所在地

如何忽略规则:注意这个是全局忽略,再开启需要在配置中开启

如何对某些文件进行分析:目前分析最小级别是文件级

image.png

如何开启和禁止自动执行分析:减少开发时软件性能开销

Visual Studio Code:

安装:点击左上角拓展->安装

常用命令:

Analyze current file:重新分析当前文件
Analyze current project:重新分析当前工程所有文件

image.png 2标识当前页面问题数目,会用波浪线提示

问题报告:点击下方即可拉起问题模块

如何自定义规则:打开命令行=》搜索 SonarLint

点击即可修改规则 on为开启 off为关闭

如何忽略规则:注意这个是全局忽略,再开启需要在配置中开启

image.png

插件配置:特殊
设置=》sonarlint

禁用自动分析,vscode会随着点击页面进行分析,可在设置中勾选取消

部分自查问题:

1.Sections of code should not be commented out 代码部分不应该注释掉

if (aaa && res.data.bbb === "ccc") {
  // alert("11111");
}

2."switch" statements should have at least 3 "case" clauses switch至少要包含3个

解释:switch语句是一种控制流语句,允许您根据表达式的值执行不同的代码块。与使用多个if-else语句相比,它提供了一种更简洁的方式来处理多个条件。
如果你只有一个条件需要检查,使用 if 语句更简单更简洁。switch 语句是设计用于处理多个情况的,因此将它们用于单个条件可能是多余的,而且可读性较差。

代码推送时提示:

使用实践尝试:

代码检查中发现了一些低级问提,提升了代码检查效率。