---
# System prepended metadata

title: Creating your first VS Code Extension
tags: [MEANJS, FSM]

---

---
tags: FSM,MEANJS
---

# Creating your first VS Code Extension

---
## Install Software for development

In this topic, we'll teach you the fundamental concepts for building extensions. Make sure you have [Node.js](https://nodejs.org/en/) and [Git](https://git-scm.com/) installed, then install Yeoman and VS Code Extension Generator with:
```shell=
npm install -g yo generator-code
```

---
## Create Helloworld extension

Run below code and answer questions.
```shell=
yo code
```

```shell=
? What type of extension do you want to create?
> New Extension (TypeScript)
```

![](https://i.imgur.com/Jm9QEHW.png)

```shell=
? What's the name of your extension? helloworld
```

```shell=
? What's the identifier of your extension? helloworld1
```

```shell=
? What's the description of your extension? my first extension
```

```shell=
? Initialize a git repository? (Y/n) Y
```

```shell=
? Which package manager to use? (Use arrow keys)
> npm
  
```

It will create the project

![](https://i.imgur.com/eu1X2AE.png)

Now do F5 and then you should see new VS code opened. There in command Palette ( Ctrl + Shift + P) Run `Hello World` and you should see your extension is running and greeting with hello world message.

![](https://i.imgur.com/oh0gMHt.png)

---

## Thank you !