Install Node.js (v14 or later recommended).
-
Clone this repository
-
Navigate to the extension directory:
cd vscode -
Install dependencies:
npm install
-
Package the extension:
npm install -g @vscode/vsce vsce package
This will create a
.vsixfile in the current directory. -
Install the extension in VSCode:
- Launch VS Code
- Go to the Extensions view (Ctrl+Shift+X)
- Click on the "..." menu in the top-right of the Extensions view
- Select "Install from VSIX..."
- Navigate to and select the
.vsixfile you created
You can also install the extension directly from the source code:
-
Copy the
vscodefolder (rename it if necessary) to your VSCode extensions directory:- Windows:
%USERPROFILE%\.vscode\extensions - macOS/Linux:
~/.vscode/extensions
- Windows:
-
Restart VSCode
- Clone this repository and cd into
vscodedirectory - Run
npm install - Open the project in VS Code
- Press F5 to start debugging (this will launch a new VSCode window with the extension loaded)
- Make changes to the extension
- Reload the debugging window to see your changes (Ctrl+R or Cmd+R)
When making changes to the extension, you can reload it without uninstalling and reinstalling:
-
Using the Command Palette:
- Press
Ctrl+Shift+P(orCmd+Shift+Pon macOS) - Type "Developer: Reload Window" and select it
- Press
-
Using keyboard shortcut:
- Press
Ctrl+R(orCmd+Ron macOS)
- Press
-
For extensions installed from folder:
- Make your changes to the extension files
- Run the "Developer: Reload Window" command as described above
- VSCode will reload with the updated extension
-
For more substantial changes:
- If you've made significant changes to the extension's structure or manifest
- You may need to restart VSCode completely (close and reopen)
- In some cases, you might need to run the command "Developer: Restart Extension Host"