Loading video...

Video Failed to Load

Go Home

🔥 TypeScript Tip 🔥 Building your own VSCode extension from scratch is pretty easy to get started with! Here's a working setup and a few tips in less than 90 seconds.

mattpocockuk's profile picture

Matt Pocock

274,575 subscribers

46,888 views • 3 years ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

10 Comments

Matt Pocock's profile picture
Matt Pocock3 years ago

Here's the list of extension starter templates!

🦋 Alexander Lichter's profile picture
🦋 Alexander Lichter3 years ago

Can also recommend @antfu7's for a modern starter template ☺️

Matt Pocock's profile picture
Matt Pocock3 years ago

@antfu7 Nice!

Jayasurya 𝕏's profile picture
Jayasurya 𝕏3 years ago

Can we have one for chrome extension

Murky.'s profile picture
Murky.3 years ago

At some point we need ChatGPT to have matt’s voice.

Deva's profile picture
Deva3 years ago

You are a genius Matt

John Lombardo's profile picture
John Lombardo3 years ago

I have two problems. The first can be solved by a VS Code extension. The second problem is naming the extension.

Colin Richardson's profile picture
Colin Richardson3 years ago

Nice. I'll take a look at this once I've put the like one to bed.

Odii's profile picture
Odii3 years ago

How do I get started with this?

Matt Pocock's profile picture
Matt Pocock3 years ago

Go here: Clone one of the templates, and follow the instructions in the video!

Related Videos

Here's how easy and fast buying airtime is with Owo. Get it done in less than 60 seconds! Visit to get started. 💛
0:42

Here's how easy and fast buying airtime is with Owo. Get it done in less than 60 seconds! Visit to get started. 💛

Owo

2,096,811 views • 1 year ago

GPT-4 built a working flappy bird with different difficulty levels from scratch with one single prompt in less than 60 seconds🤯🤯 THE FUTURE IS HERE AND I'M ALL FOR IT!
0:31

GPT-4 built a working flappy bird with different difficulty levels from scratch with one single prompt in less than 60 seconds🤯🤯 THE FUTURE IS HERE AND I'M ALL FOR IT!

krish

366,629 views • 3 years ago

🚀 10x Faster TypeScript in VS Code! TypeScript 7.0 is here, a 10x faster native port of TypeScript. Download the new VS Code extension today to get started! #visualstudiocode #vscodeextensions #typescript
0:35

🚀 10x Faster TypeScript in VS Code! TypeScript 7.0 is here, a 10x faster native port of TypeScript. Download the new VS Code extension today to get started! #visualstudiocode #vscodeextensions #typescript

Visual Studio Code

101,299 views • 2 months ago

🔥 TypeScript Tip 🔥 Here, we build a function that creates zod schemas from your own interfaces, with full autocomplete. The lesson? It's often really hard to get autocomplete when your function _accepts the results of another function_.
2:13

🔥 TypeScript Tip 🔥 Here, we build a function that creates zod schemas from your own interfaces, with full autocomplete. The lesson? It's often really hard to get autocomplete when your function _accepts the results of another function_.

Matt Pocock

49,970 views • 3 years ago

From website to placing live trades in a Claude chat in less than 30 seconds. Getting started has never been this easy.
0:26

From website to placing live trades in a Claude chat in less than 30 seconds. Getting started has never been this easy.

Liquid

36,722 views • 3 months ago

Hermes Pixel Office is now live on VSCode for the extension and on GitHub for the Hermes Agent Plugin! VSCode can now give you a visualization of all your hermes agents working live, check out the demo: Search "Hermes Pixel Office" on VSCode Extension Marketplace and check the readme to get the Hermes Agent plugin there!
1:06

Hermes Pixel Office is now live on VSCode for the extension and on GitHub for the Hermes Agent Plugin! VSCode can now give you a visualization of all your hermes agents working live, check out the demo: Search "Hermes Pixel Office" on VSCode Extension Marketplace and check the readme to get the Hermes Agent plugin there!

Teknium 🪽

89,874 views • 1 month ago

Creating & deploying a dapp on Fuel is easy, and fast. Watch me start from scratch, add a feature, and deploy that dapp to testnet in less than 2 minutes ⚡️👇
1:52

Creating & deploying a dapp on Fuel is easy, and fast. Watch me start from scratch, add a feature, and deploy that dapp to testnet in less than 2 minutes ⚡️👇

Dhai

21,085 views • 1 year ago

This feels less like AI editing and more like building your own creative engine 👀 Started with a few visuals. And suddenly the workflow started producing cinematic-looking videos like this. 🧵
0:20

This feels less like AI editing and more like building your own creative engine 👀 Started with a few visuals. And suddenly the workflow started producing cinematic-looking videos like this. 🧵

Aakash Verma

118,774 views • 3 months ago

Introducing Virtuals Console. The easiest way to create your own AI agent in seconds. No code. No Mac. No server. No setup. Just open a browser and get started.
0:27

Introducing Virtuals Console. The easiest way to create your own AI agent in seconds. No code. No Mac. No server. No setup. Just open a browser and get started.

Virtuals Protocol

221,069 views • 5 months ago

This is your daily reminder to clean your bong 🤝 The BoroBuddy from SnowTree makes it super easy to get your bong cleaned in less than a minute Get yours now -
0:48

This is your daily reminder to clean your bong 🤝 The BoroBuddy from SnowTree makes it super easy to get your bong cleaned in less than a minute Get yours now -

Weed Porn

219,888 views • 2 years ago

⚡️ Pro Tip: Supercharge process.env with TypeScript! Unlock the power of typed .env files and enjoy seamless code completion in TypeScript. 😱 All you need is a simple environment.d.ts with a few lines of code 👇
1:27

⚡️ Pro Tip: Supercharge process.env with TypeScript! Unlock the power of typed .env files and enjoy seamless code completion in TypeScript. 😱 All you need is a simple environment.d.ts with a few lines of code 👇

Simon Grimm

11,555 views • 1 year ago

Movement Public Testnet is live🔥🔥🔥 Why not experience the #movement with Movenow,the 1st SocialFi on @movementlabsxyz, empowering brands and individuals to create and customize their communities in unique ways. In just a few easy steps, you can get started with #Movenow and Razor DAO
2:20

Movement Public Testnet is live🔥🔥🔥 Why not experience the #movement with Movenow,the 1st SocialFi on @movementlabsxyz, empowering brands and individuals to create and customize their communities in unique ways. In just a few easy steps, you can get started with #Movenow and Razor DAO

MoveNow

392,257 views • 2 years ago

Within two years, you can create a full game like this from scratch in less than a week. In the meantime, here's the prompt to create the images for a game like this with Midjourney 👇🏼
0:30

Within two years, you can create a full game like this from scratch in less than a week. In the meantime, here's the prompt to create the images for a game like this with Midjourney 👇🏼

PJ Ace

354,218 views • 1 year ago

agentic finance is coming quicker than you might imagine US derivatives now available for your agent to trade with coinbase for agents! get started in less than a minute
0:22

agentic finance is coming quicker than you might imagine US derivatives now available for your agent to trade with coinbase for agents! get started in less than a minute

lincoln.base.eth

212,553 views • 25 days ago

A full minute of emotive, pristine singing—in Japanese, no less. And it's able to be generated in less than 6 seconds with our new model. We're pretty impressed with ANDRIANOGABRIELB · XVISUALNEUFX (and ourselves)
1:00

A full minute of emotive, pristine singing—in Japanese, no less. And it's able to be generated in less than 6 seconds with our new model. We're pretty impressed with ANDRIANOGABRIELB · XVISUALNEUFX (and ourselves)

Pika

44,466 views • 1 year ago

Minatokens is a no-code launchpad that makes creating and managing custom tokens easy. Launch and trade your tokens in just a few clicks on Mina Protocol with You can also integrate MinaToken into your apps—visit to get started!
0:58

Minatokens is a no-code launchpad that makes creating and managing custom tokens easy. Launch and trade your tokens in just a few clicks on Mina Protocol with You can also integrate MinaToken into your apps—visit to get started!

Ibrahim Onuche Umar

21,352 views • 1 year ago