sonarLint使用、介绍-CSDN博客

本文介绍了SonarLint和ESLint的区别，SonarLint作为一个更温和的代码质量检查工具，允许开发者在编码时得到实时反馈和修复建议。在WebStorm或IntelliJ IDEA中安装SonarLint的步骤简单明了，只需通过设置插件即可。使用SonarLint可以检测并优化代码，例如在Vue文件中，它能识别冗余代码并提供改进方案。此外，还展示了如何设置校验规则以定制个人的代码风格。SonarLint对于初学者尤其有益，有助于提升代码的整洁性和效率。

1.sonarLint介绍

SonarLint 是一个免费的开源IDE 扩展，可识别并帮助您在编写代码时解决质量和安全问题。像拼写检查器一样，SonarLint 会显示缺陷并提供实时反馈和清晰的修复指导，以便从一开始就提供干净的代码。

sonarLint类似于esLint,都是为了检测代码质量。

我来说一下使用过这两种工具后的不同感受.

esLint:它像是一个霸道总裁,如果不按照他的规则他会使你的开发环境报错,强制你来按照规则来书写。

sonarLint：它更像是一个温柔邻家大哥哥，他会包容你的错误，并给你提示怎样做会更好。用代码层面来说就是，他会容忍你不按照他的规则来书写代码，他会给你警告，并且告诉你原因以及提供demo，来帮助你改正这些问题。

2.安装

webStrom或idea中下载插件sonarLint一键安装：

我这里以webStrom为例

步骤：点击左上角file（文件）->setting（设置）->Plugins(插件)

下载好后需要重新打开webStorm；

3. 使用

示例：我新建了一个vue文件在里面书写代码（我这里以vue文件为例，其他格式文件也可以）

<template>
  <div>我是示例文件</div>
</template>

<script>
export default {
  name: 'test',
  methods:{
    test(args){
      if(args===1){
        return false
      }else{
        return true
      }
    },
  },
}
</script>

<style scoped>
</style>