码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2020-05-09 11:57:23      阅读:172      评论:0      收藏:0      [点我收藏+]

标签:ash   info   latest   def   mamicode   语言   分析   目标   标识   

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

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

技术图片

 

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

技术图片

 

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

技术图片

 

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

技术图片

 

  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/

技术图片

 

    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=令牌

技术图片

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

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

技术图片

 

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

技术图片

 

 

 

 

 

      

 

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

标签:ash   info   latest   def   mamicode   语言   分析   目标   标识   

原文地址:https://www.cnblogs.com/leepyng/p/12856315.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!