DEV Community

Discussion on: Top 5 VS Code Extensions you haven't tried...

Collapse
 
robole profile image
Rob OLeary • Edited

Im surprised there isnt more extensions using public APIs like the Stack Overflow one. It can save you from context switching.

GitHub logo robole / vscode-snippets-ranger

View and edit all of your snippets in one purty place! Yee-haw!!




Snippets Ranger

View and edit all your snippets in one purty place. Yee-haw!

Made for VSCode Visual Studio Marketplace Version Extension file size in bytes Visual Studio Marketplace Rating downloads installs Built with sarsaparilla and javascript Buy me a coffee

Screenshot of the webview. It shows the user snippets for the markdown language in a table with the columns: prefix, name, description, body and action.

Snippets are shown in an easy to browse webview.

Snippets are formed into posses:

  • Project: These are the snippets contained in the .vscode folder of the current workspace,
  • User: These are the global snippet files (.code-snippets files) and language snippet files (.json files) that you created as an user on your system,
  • Extension: These are the snippets files that are included in extensions you have installed,
  • App: These are the snippets files that are packaged with VS Code.

The extension uses the exact same source files as VS Code does. No double-crossing rattlesnakes! 🐍

Easy navigation

There are sticky headings to ensure you can browse through long snippet lists without losing context. πŸ¦ŽπŸ”

Demonstration of scrolling through the user snippets section. There are 3 sticky sections: the h2 heading (user snippets), a section with a, h3 heading (markdown.json) and view source button, and the table header.W

The table of contents facilitates quick navigation to a snippets set.

Screenshot of the table of contents for the view. It has the project, user, extension, and snippet files as entries organised into these groups.

Pressing the Home key will return…




This is worth checking out also! I wrote it recently πŸ™‚

Collapse
 
yaireo profile image
Yair Even Or

What does it matter if you open a tab in vscode or open a tab in the browser. A tab is a tab. If you work with multiple screens it's even easier to have 1 for code, 1 browser and 1 for devtools

Collapse
 
robole profile image
Rob OLeary

A VS Code extension is an opportunity to offer a different/improved UX. It offers theming, commands, and shortcuts that are not available in a browser. For visually impaired users, you can provide a high contrast theme. That matters

Thread Thread
 
yaireo profile image
Yair Even Or

A visually impaired would almost certainly have a browser extension or a tampermokey script which already converts websites to high-contrast since obviously that type of user is using the web and will encounter sight issues where he goes, so that type of user already have that problem solved and does not need a "special" vscode extension. it is only helpful if you have a single screen, and even so, not that helpful IMO since the same operation to open stackoverflow in vscode would take the exact same time as to open it in a browser. (requires only 2 clicks from vscode: 1 - open browser, 2 - stackoverflow bookmark)