Issue #108  (Installing Extensions Directly)05/15/24

Advertisement
Techpresso: Get Smarter About AI and Tech in 5 mins

Receive a daily summary of the most important AI and Tech news, carefully selected from 60+ media outlets.

Techpresso

Also includes a good dose of tech tools and programming-related apps and resources. Join 30,000+ professionals from OpenAI, Meta, Google, Microsoft, Hugging Face, JP Morgan, and more.


There are rare instances where you'll want to install a VS Code extension directly rather than through the VS Code Marketplace.

For example, you might develop your own extension then you'll test it by installing it yourself. You might also find an extension on a GitHub repo that is not yet on the Marketplace (maybe it's an early release or something). Or you might have a case like this week's "Theme of the Week" (see links below) where you can download the theme after providing your email address and/or a voluntary payment.

In all such cases, you'll want to be wary of what you're installing, making sure you're not installing something from a non-reputable source.

But if you need to install one that way, it's pretty simple. Click to view the Extensions side panel (CTRL/CMD-SHIFT-X), then click the three-dots menu, and choose "Install from VSIX".
 
Installing a VSIX File in VS Code

You can then choose the VSIX file and it will be instantly installed. You can also do this from your command palette. Search for "vsix" and choose the option "Extensions: Install from VSIX" when it appears.
 
Using the Command Palette to Install a VSIX file in VS Code

The VS Code settings don't seem to have any settings associated with VSIX files specifically (i.e. by searching for "vsix"), but there are a number of extension-related settings you can find by searching for the word "extension" in your settings.
 
As you might know, I write three different tech newsletters, among other projects. I'm a one-man operation and it's getting harder to find viable advertising to keep things going.

If you'd like to help support me, please check out my GitHub Sponsors page or make a one-time donation via PayPal.

$1 per month from about 10% of my readers is basically all I need!

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

VS Code Tools

YOCO — "You Only Copy Once". A VS Code extension that automatically adds the file name at the top of any copied code, so that the file name is displayed when pasted. Useful when transferring code to GPT, embedding in blogs, or for documentation purposes.

Bedrock Visual Studio Code Playground — A VS Code extension that allows developers to easily explore and experiment with large language models (LLMs) available in Amazon Bedrock (the new fully managed service from AWS).

The Complete JavaScript Course 2024 — An up-to-date course consisting of 68+ hours of HD video, looking at both modern and classic JavaScript features, while walking you through how to build 6 beautiful real-world projects.   Sponsor 

TypeScript Worksheet — Live preview the results of your JavaScript and TypeScript code inside your editor, compatible with Bun, Node.js, and Deno.


VS Code Theme of the Week

Aimless — This is a nice dark VS Code theme that has a really pleasing color palette. I like the way it looks with JavaScript and HTML, though I'd probably make a few edits for the syntax highlighting for CSS.

Aimless Theme for VS Code

Technically you can download this one for free but you can do it through Lemon Squeezy, where you have the option to contribute or just use your email to download the theme at no charge.
 

VS Code Articles

Using WebAssembly for Extension Development — A blog post from the VS Code team that outlines how developers can leverage the component model to integrate a WebAssembly library into their extension.

Vue Basics: Getting Started with Vue.js and Visual Studio Code — A simple tutorial for getting a project up and running in Vue.js with VS Code, with some help from the official Vue extension.

The Morning Paper for Tech — Want a byte-sized version of Hacker News that takes just a few minutes to read? Try TLDR's free daily newsletter. It covers the most interesting tech, startup, and programming stories in just 5 minutes. No sports and no politics.  Sponsor 

Ditch VSCode. Just use Neovim. — Including a link like this in this newsletter feels like heresy, but I'm all for looking at other options and you might enjoy it if you're considering using a different editor.

Best of the Rest

Kate — A multi-platform text editor that features tabs, split views, a wide variety of plugins, an embedded terminal, powerful search and replace, and previews for Markdown, HTML, and SVG.

Codemod — Speed up your code modernization with advanced community-driven code transformation bots (i.e. codemods).

Anytime Mailbox — Business starters, are you in need of a business address separate from your home? Anytime Mailbox provides a seamless solution, securing a private, professional address with added benefits like mail forwarding and scanning for ultimate convenience. Start browsing locations today.   Sponsor 

LocatorJS — An open-source Chrome extension that lets you click on any component in the browser to open its code in your IDE, usable as an extension or as a library.

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.