VS Code Extension for SF

Running the Extension for Debugging

1. Install Dependencies Using the Command

$ npm install

2. Generate a JSON File with SF Modifiers for the Extension to Work

$ npm run generate

To generate the JSON file, there must be a style.css file in the /src/generate/ directory.

3. Launch the Extension in Debugging Mode

Open the top panel of VS Code, navigate to Run -> Start Debugging, or press the F5 key.

Packaging the VS Code Extension

1. Install vsce

npm install -g vsce

2. Navigate to the Root Directory of Your Extension Project and Execute the Command

vsce package

This command will create a .vsix file in the current directory. This file contains everything necessary to install your extension.

Installing the Extension via the VS Code Interface

1. Open Visual Studio Code

2. Go to the Extensions Section

3. Install the Extension from the .vsix File

3.1 Click on the three dots in the top right corner of the Extensions section and select "Install from VSIX..."

3.2 In the opened window, locate and select the downloaded .vsix file

3.3 After installing the extension, you may need to restart VS Code to apply the changes.