# Modern VS Code extension development tutorial: Building a secure extension

DevFeed: [Modern VS Code extension development tutorial: Building a secure extension](<https://devfeed.tech/articles/modern-vs-code-extension-development-tutorial-building-a-secure-extension-8020.md>)

Original publisher: [Read original article](<https://snyk.io/blog/modern-vs-code-extension-development-tutorial/>)

Author: Mdu Sibisi

Published: 2023-10-02T05:00:00Z

Content type: tutorial

Language: en

Sources: [Blog RSS Feed | Snyk](<https://devfeed.tech/sources/blog-rss-feed-snyk.md>)

Topics: [VS Code Extension](<https://devfeed.tech/topics/vscode-extension.md>), [Visual Studio Code](<https://devfeed.tech/topics/visual-studio-code.md>), [Development](<https://devfeed.tech/topics/development.md>), [TypeScript](<https://devfeed.tech/topics/typescript.md>), [Webpack](<https://devfeed.tech/topics/webpack.md>), [Node.js](<https://devfeed.tech/topics/node-js.md>), [Command-line interface](<https://devfeed.tech/topics/cli.md>), [Git](<https://devfeed.tech/topics/git.md>)

Tags: [api](<https://devfeed.tech/tags/api.md>), [awareness](<https://devfeed.tech/tags/awareness.md>), [blog](<https://devfeed.tech/tags/blog.md>), [building](<https://devfeed.tech/tags/building.md>), [cli](<https://devfeed.tech/tags/cli.md>), [code](<https://devfeed.tech/tags/code.md>), [developer](<https://devfeed.tech/tags/developer.md>), [development](<https://devfeed.tech/tags/development.md>), [draftdotdev](<https://devfeed.tech/tags/draftdotdev.md>), [engineering](<https://devfeed.tech/tags/engineering.md>), [extension](<https://devfeed.tech/tags/extension.md>), [git](<https://devfeed.tech/tags/git.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [node](<https://devfeed.tech/tags/node.md>), [tutorial](<https://devfeed.tech/tags/tutorial.md>), [typescript](<https://devfeed.tech/tags/typescript.md>), [vs-code](<https://devfeed.tech/tags/vs-code.md>), [webpack](<https://devfeed.tech/tags/webpack.md>)

## AI overview

This tutorial explains how to build a multifunctional VS Code extension. It introduces the required tools, project scaffolding with Yeoman and the VS Code Extension Generator, and recommended TypeScript and Webpack tooling.

## Source excerpt

In our first modern VS Code extension development blog post, we covered the basics of VS Code development, including the architecture and the various types you can create. This article will help you apply that knowledge by showing you how to create and code your very own VS Code extension.