Verifying HTML, CSS and JavaScript validity using SonarQube

You going to static code on the application comprises HTML, CSS, and JavaScript files.

Getting ready

1. Go to the Jenkins dashboard click on New Item.
2. Give the Name and select Freestyle project:

3. Provide the Repository URL in the Source Code Management section:

4. Any project that has HTML, CSS, and JavaScript files can be utilized.

How to do it...

1. Go to the Build section and select Execute SonarQube Scanner:

2. You can provide the location of sonar-project.properties or provide details directly for static code analysis.

# Required metadata 
sonar.projectKey=SonarHTMLCSSJS 
sonar.projectName=Simple HTML CSS JS project analyzed with the SonarQube 
sonar.projectVersion=1.0 
# Comma-separated paths to directories with sources (required) 
sonar.sources=. 
# Encoding of the source files 
sonar.sourceEncoding=UTF-8 

3. sonar.sources is the main property for static code analysis. With this property, you inform SonarQube which directory needs to be analyzed...