Adding Checker Plugin and Stylelint

Let’s do a bit of extra cred­it by adding two lin­ters to our project. A lin­ter is a sta­t­ic code analy­sis tool that flags pro­gram­ming errors, bugs, styl­is­tic issues, and oth­er issues to help devel­op­ers write clean­er, more con­sis­tent code. A lin­ter knows what to flag based on a set of rules you pro­vide to it.

The first lin­ter we’ll add is Stylelint, which a lin­ter tool that iden­ti­fies and reports errors in CSS code. 

In order to add lin­ters and have Vite run them on every change or build, we need to add in a plu­g­in that will run those lin­ters. For Vite, it’s called the Vite Check­er plugin.