DEV Community

Cover image for #DevHack: Open your VSCode extension settings from the code
Elio Struyf
Elio Struyf

Posted on

3 3

#DevHack: Open your VSCode extension settings from the code

For my VSCode Front Matter extension, I wanted to implement a link that allows you to open the VSCode settings to the extension quickly.

Front Matter - Quick link to settings

I could not find anything in the documentation but found a reference on Stackoverflow mentioning you could use: vscode.commands.executeCommand( 'workbench.action.openSettings', '<your extension>' );.

Using my extension ID was not working correctly. So I did some more digging in VSCode, and it seems you have to add @ext:<your extension id>. In the case of my Front Matter extension this is:

vscode.commands.executeCommand('workbench.action.openSettings', '@ext:eliostruyf.vscode-front-matter');
Enter fullscreen mode Exit fullscreen mode

First published on: https://www.eliostruyf.com

Image of Datadog

The Essential Toolkit for Front-end Developers

Take a user-centric approach to front-end monitoring that evolves alongside increasingly complex frameworks and single-page applications.

Get The Kit

Top comments (0)

Eliminate Context Switching and Maximize Productivity

Pieces.app

Pieces Copilot is your personalized workflow assistant, working alongside your favorite apps. Ask questions about entire repositories, generate contextualized code, save and reuse useful snippets, and streamline your development process.

Learn more