使用SonarTS创建进行typescript代码质量扫描

SonarQube中提供SonarTS插件对前端的typescript代码进行质量扫描。这篇文章以SonarQube LTS 6.7为例整理进行一下typescript代码检查常见的问题与对应方法。

SonarQube Server端设定

• SonarQube版本
  本文使用SonarQube LTS 6.7.1版本。

安装并升级SonarTS插件和SonarJS插件，本文示例所更新的插件版本如下所示：

• SonarTS插件
  
• SonarJS插件
  

设定方法
管理员账户登陆之后，在Administration页面的marketplace选项即可进行更新等操作

客户端

Sonar-Scanner设定方法

使用的Sonar-Scanner的版本为4.2，此版本中自带JRE。但是在Alpine的镜像中可能不好用，如果需要使用JAVA_HOME中指定的JRE或者JDK，vi手动修改sonar-scanner中的
use_embedded_jre=true改为use_embedded_jre=false即可。

/data/jenkins/workspace/angular-pipeline-job/demo # /usr/local/share/sonar/bin/sonar-scanner --version
INFO: Scanner configuration file: /usr/local/share/sonar/conf/sonar-scanner.properties
INFO: Project root configuration file: NONE
INFO: SonarQube Scanner 4.2.0.1873
INFO: Java 1.8.0_212 IcedTea (64-bit)
INFO: Linux 4.9.87-linuxkit-aufs amd64
/data/jenkins/workspace/angular-pipeline-job/demo # 

typescript前端示例工程

使用Angular创建一个demo应用，使用如下命令即可

执行命令：ng new demo --style less

在Jenkinsfile中创建前端应用的示例可参看：示例

Sonar-Scanner使用示例

使用user/password方式

示例如下所示

/usr/local/share/sonar/bin/sonar-scanner \
  -Dsonar.projectKey=angular \
  -Dsonar.sources=src