What should simplify working with SLDS in Lightning Components?

Cloud Kicks’s development team is working on the build of anew custom component using VS Code. They often have new CSS dasses and properties conflicting with the Salesforce Lightning Design System (SLDS).

What should simplify working with SLDS in Lightning Components?
A . Salesforce Developer Console should beused instead
B . SLDS Validator extension for VS Code
C . Install SLDS creator from AppExchange
D . Keep the SLDS Stylesheet open for reference

View Answer

Answer: B

Explanation:

The SLDS Validator extension for VS Code is a tool that simplifies working with the Salesforce Lightning Design System (SLDS) in Aura and Lightning components. It provides code completion, syntax highlighting, and validation with recommended tokens and utility classes. It also scans the markup and validates it against a database of guidelines, tips, and best practices extracted from the SLDS documentation. It offers suggestions on how to improve the code and avoid conflicts with SLDS12.

Reference: SLDS Validator – Visual Studio Marketplace, SLDS Validator for VS Code – Lightning Design System