Visual Studio Code 5 extension suggestion series (1)
Tags: vscode, extension, plugin, webdev
Published: 2022-10-28 16:00:00

As software developers, we mostly use code editors or IDEs in our daily work life. But sometimes a code editor may not contain a structure we need. Here, third party extensions for these code editors or IDEs come to our aid. In this series, I will be sharing with you the extensions (plugins) I use in Visual Studio code program, a code editor that I use a lot in daily business life.

> ## **[Tabnine AI Autocomplete for Javascript, Python, Typescript, PHP, Go, Java, Ruby & more](https://marketplace.visualstudio.com/items?itemName=TabNine.tabnine-vscode)**

Tabnine is an AI code assistant that makes you a better developer. Tabnine will increase your development velocity with real-time code completions in all the most popular coding languages and IDEs. It includes a free package for basic use. If you want to get the pro version, you have to pay $15 per month ($12 per month if you buy it yearly). Tabnine also supports student development. In this way, students can use the Tabnine Pro package for free. There was being a student. 😂


![Tabnine AI Autocomplete for Javascript, Python, Typescript, PHP, Go, Java, Ruby & more](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/96hurmt5knzerlk6wm8u.png)

> ## **[Tailwind CSS IntelliSense](https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss)**

If you are a frontend developer, you definitely need to learn a css library like bootstrap and [tailwind](https://en.musayazlik.com/category/software/css/tailwind/) . This plugin is a plugin that lists the classes in the [Tailwind](https://en.musayazlik.com/category/software/css/tailwind/) structure that you can use while you are writing. So we can also call it an auto-completion plugin. It is also a plugin that provides convenience when using the [Tailwind](https://en.musayazlik.com/category/software/css/tailwind/)css library.

![Tailwind CSS IntelliSense](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/b58dh6nu88j90a5tuq6x.png)

> ## **[React Native Tools](https://marketplace.visualstudio.com/items?itemName=msjsdiag.vscode-react-native)**

This VS Code plugin provides a development environment for React Native projects. Using this extension you can debug your code and quickly run react-native commands from the command palette. It is a visual studio code extension that I highly recommend for React native developers.

![React Native Tools](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rie14qdvp3ka9h1e2v95.gif)

> ## **[Github Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot)**

GitHub Copilot uses the OpenAI Codex to suggest code and all functionality in real-time, directly from your editor. Trained on billions of lines of public code, GitHub Copilot turns natural language prompts, including comments and method names, into coding suggestions in dozens of languages. It's a plugin similar to the Tabnine plugin. But it's better. I don't recommend this plugin for beginner developers. The reason is that if you use this plugin before you have the habit of writing code, I do not recommend it because you cannot write code when they ask you to write code without any additional auxiliary plugin in job interviews.

![Github Copilot](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kwk76n7h9u2brfd7kwdc.png)

> ## **[GitLens — Git supercharged](https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens)**

GitLens empowers Git within VS Code and unlocks unused information in every repository. It helps you visualize code authoring at a glance through Git blame annotations and CodeLens, seamlessly navigate and explore Git repositories, gain valuable insights through rich visualizations and powerful compare commands, and much more. It's also the first plugin software developers download after downloading visual studio code.

![GitLens — Git supercharged](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rnzfxp4vaqc4cnwk1ri6.png)

Yes, we have come to the end of the first content of this series with gitlens. Looking at the plugins I am currently using, it seems like there will be 10 content in this series. 😅 Goodbye to see you in other content…

> ## Content Source
- **[Musa Yazlık](https://en.musayazlik.com/)**