Issue #130  (Creating A Recommended Extensions JSON)10/16/24

Advertisement
Unique Investment Opportunity: Whiskey Casks

Here’s an investment opportunity you didn’t know you were missing – whiskey casks. But where to start? Try Vinovest.

Vinovest differentiates its whiskey investing platform through strategic sourcing and market analysis.

Vinovest Whiskey Casks

With Vinovest, you can invest in Scotch, American, and Irish whiskey casks, providing diverse and flexible exit options. Vinovest team targets high-growth markets and caters to a range of buyers, from collectors to brands using casks for cocktails.

This approach not only enhances your liquidity but also increases your portfolio’s resilience against market fluctuations. Discover how Vinovest’s innovative strategy sets it apart from competitors.

Schedule a Call with a Vinovest Advisor to Learn More →


If you like a particular set of extensions for working with a specific project and would like to share that set of extensions with someone, you can do this using the Extensions: Configure Recommended Extensions command.

Search for this in your command palette. When you execute the command, this will either allow you to configure your extensions inside your folder's workspace file, as shown below, or it will create a filed called extensions.json in your project's .vscode folder.
 
Adding Extension Recommendations in VS Code

Whatever the case for your project, you would fill the "recommendations" JSON string with a value that lists all the extensions you want to recommend. Here's an example list (which you can copy/paste into your own recommendations):
 
"extensions": {
  "recommendations": [
    "formulahendry.code-runner",
    "streetsidesoftware.code-spell-checker",
    "GitHub.copilot-chat",
    "GitHub.copilot",
    "jerriepelser.copy-markdown-as-html",
    "phplasma.csv-to-table",
    "bierner.emojisense",
    "bierner.github-markdown-preview",
    "wengerk.highlight-bad-chars",
    "abusaidm.html-snippets",
    "Zignd.html-css-class-completion",
    "ritwickdey.LiveServer",
    "yzhang.markdown-all-in-one",
    "PKief.material-icon-theme",
    "possan.nbsp-vscode",
    "esbenp.prettier-vscode",
    "jinhyuk.replace-curly-quotes",
    "dbaeumer.vscode-eslint",
    "mushan.vscode-paste-image",
    "redhat.vscode-yaml",
    "sleistner.vscode-fileutils",
    "telesoho.vscode-markdown-paste-image",
    "unifiedjs.vscode-mdx",
    "wayou.vscode-todo-highlight"
  ]
}

If you want to add extensions from your own workspace, just start editing a string in the list and hit CTRL-SPACE to enable intelliSense and you'll see a list of extensions you can add using their official identifiers, which are in the format ({publisherName}.{extensionName}).

If needed, you can get the identifier for an extension directly from the extension's marketplace listing page, as indicated in the image below.

An Extension's Official Identifier for Adding Recommended Extensions in VS Code

When a workspace with a recommendations list is opened, VS Code will prompt the developer to install the recommended extensions, with the option to view the list before proceeding.
 
The Users is Prompted to Install Recommended Extensions in VS Code
 
In my set up, viewing the list opens a new tab with each of the extension pages. I'm not sure if that happens under every setup, but beware of that. If you simply want to view the list in a more unwieldy format, just close the recommendation popup then open your extensions view in the sidebar and use the @recommended filter to view recommended extensions for the current workspace. From there you can install them all at once, or just install the ones you want.

Now on to this week's hand-picked links!
 

VS Code Tools

Web Visual Editor — A VS Code extension that allows you to visually edit HTML files in real time with live preview and features like element selection, zoom, drag/drop elements, and lots more.

JSON Sort and Compare — A VS Code extension to sort and compare JSON files, useful for comparing two JSON files that might be identical but it's hard to tell at a glance due to the unordered nature of the data.

Fueled for Fortune — Wired's "rocket fuel of AI" label has Wall Street buzzing. Projections skyrocketing to $80 trillion, akin to 41 Amazons, signal a seismic shift. Dive into The Motley Fool's exclusive report for your front-row seat.    Sponsor 

Debugger for Firefox — A VS Code extension to debug web applications and extensions running in the Firefox browser, with many of the features available in DevTools also available here.

VS Code Theme of the Week

Alabaster Theme — This is described as a "light theme with minimal amount of highlighting". It's definitely a different take on syntax highlighting, as it only highlights four categories of tokens.

Alabaster Theme for VS Code

For example, it will highlight strings, constants, comments, and global definitions, but won't highlight things like language keywords and doesn't do any font variations. An interesting simpler take on syntax highlighting that you might want to try out for languages that you think might benefit from this style.

VS Code Articles & Videos

Boost Your Coding Efficiency: 7 Tips for Visual Studio Code — The tips include UI customizations, recommended extensions, using version control, snippets, debugging, and more.

📺 Cool Git-Lens Extension for VS Code — A quick YouTube short demonstrating the usefulness of the popular GitLens extension, in case you still haven't used it or installed it.

You Missed Amazon. You Don't Have to Again. — Wired's "rocket fuel of AI" label has Wall Street buzzing. Projections skyrocketing to $80 trillion, akin to 41 Amazons, signal a seismic shift. Dive into The Motley Fool's exclusive report for your front-row seat.    Sponsor 

Visual Studio Code for Linux Remote Code Execution Vulnerability — An advisory posted on the VS Code GitHub repository by Microsoft that applies to version 1.94.0 and earlier and is patched in 1.94.1.

Best of the Rest

Classic Console Neue — Version 2 of the original Classic Console font, a monospaced font with a retro look.

A Month of Using Vim — A quick post on one developer's experience trying out Vim exclusively while overcoming the steep learning curve and learning about the Vim plugin ecosystem.

Pop Quiz: What’s the Body’s Most Abundant Protein? — The answer: Collagen. NativePath's Certified Grass-Fed Collagen Powder supports skin elasticity, joint health, bone strength, and muscle growth & maintenance.   Sponsor 

Python Online — An online playground to compile, run, and share Python code right in your web browser with no installation or local setup required.

Suggestions?

If you have any link suggestions, including a tool, article, or other resources related to VS Code or another IDE, send it via DM on X: @LouisLazaris or just hit reply on this email.

That's it for this issue.

Happy VS Coding!
Louis
VSCode.Email
@LouisLazaris
Copyright © VSCode.Email. All rights reserved.

Not affiliated with Microsoft, Visual Studio Code, or any of its trademarks.