---
schema_version: "1"
id: ab31e5d7b5cf09bec6dbad0addd00eebb0661e4d4c17f760d27134bbf7d30076
title: Scan Your Code with SLDS Validator
collection: developer
version: current
locale: en-us
portal_url: https://docs.salesforce.com/developer/current/en-us/lwc/slds-validator/guides/scan-your-code.md
canonical_url: https://developer.salesforce.com/docs/platform/slds-validator/guide/scan-your-code.html
source_site: developer.salesforce.com
content_type: documentation
content_hash: ff5e7691c358dc09a6902fc73c7f980e27496bc6ca7c3e8a8e9fb9e5e0f853a5
products:
  - SLDS Validator
  - lwc
---
# Scan Your Code with SLDS Validator

With a single file or an entire project open in VS Code, SLDS Validator recommendations are highlighted in your CSS file.

## Scan Your Completed Code

1. Open your CSS file or project that contains CSS files in VS Code.

   ![An example CSS file open in VS Code with a highlight on line 4 -–sds-g-sizing-border, 1px.](https://developer.salesforce.com/docs/media/slds-validator/ValidatorHighlightSquiggles.png)

2. Hover over the SLDS Validator recommendation.

   ![An example SLDS Validator recommendation.](https://developer.salesforce.com/docs/media/slds-validator/ValidatorHighlightRecommendation.png)

3. Review the recommendation info available in the window.
   The recommendation contains:

- A description of the issue. In this example, a styling hook is deprecated.
- A View Problem link with more info
- A Quick Fix link

  ![An example Quick Fix.](https://developer.salesforce.com/docs/media/slds-validator/ValidatorHighlightQuickFix.png)

4. Hover over **Quick Fix** to see and select a replacement value.

## Get Live Recommendations with Autocomplete

As you write code in VS Code, use SLDS Validator to autocomplete code. Just type `--slds`,`.slds`, or `slds-` to receive a full list of available options.

![An example SLDS Validator autocomplete recommendation.](https://developer.salesforce.com/docs/media/slds-validator/ValidatorAutocomplete.png)