使用SonarQube为前端项目添加代码质量管理与检测

1,搭建好SonarQube平台
2,在搭建好的sonarQube平台添加需要检测的项目

1) 输入项目标识和显示名

使用SonarQube为前端项目添加代码质量管理与检测

2) 创建令牌或者使用已有令牌

使用SonarQube为前端项目添加代码质量管理与检测

3) 输入令牌后根据项目的开发语言下载相关扫描器

使用SonarQube为前端项目添加代码质量管理与检测

4)前端项目选择JS,并点击下载跳转到 https://docs.sonarqube.org/latest/analysis/scan/sonarscanner/,根据运行系统环境下载相应资源

使用SonarQube为前端项目添加代码质量管理与检测

5)下载后解压,在系统中添加环境变量,以macOS为例输入以下命令

            1.跳转到根目录:cd ~

  2.若没有.bash_profile则先创建文件.bash_profile: touch .bash_profile

  3.打开.bash_profile文件:vim .bash_profile

  4.在文件夹中指定sonarscaner执行命令的目录:export PATH=${PATH}:~/fsonarScaner/bin/

使用SonarQube为前端项目添加代码质量管理与检测

    5. 保存文件

    6.打开之前下载的文件夹conf中的文件sonar-scanner.properties并编辑如下内容并保存:



      #----- Default source code encoding
      sonar.sourceEncoding=UTF-8
        #----- 执行检测的开发语言
      sonar.language=javaScript
      #----- SonarQube上已经添加的项目名
      sonar.projectKey=project_tag
      #----- 当前目录要分析的路径地址
      sonar.sources=./src
      #----- SonarQube扫描结果提交地址
      sonar.host.url=https://www.xxx.xxx/cq
      #----- SonarQube上项目令牌
      sonar.login=令牌

使用SonarQube为前端项目添加代码质量管理与检测

  7. 在根目录执行source .bash_profile使环境变量生效

  8.切换到需要检测的项目目录。执行命令:sonar-scanner

使用SonarQube为前端项目添加代码质量管理与检测

     9.执行结束后可在sonarQube平台查看扫描情况

使用SonarQube为前端项目添加代码质量管理与检测

      

相关推荐