Learn Working with Visual Studio Code

Hello everyone, welcome back to a new article in Torok technology blog, this article is an introduction to coding on Visual studio code IDE which is a product of Microsoft, and it has a lot of benefits and powerful features let you start coding your project easily and faster.

What is Visual Studio Code ?

Visual Studio code is a lightweight IDE and text editor for various programming languages and development. Visual Studio code is written in web development technologies like javascript, typescript, and css. The IDE developed by Microsoft.

The features of Visual Studio Code

Visual Studio code has many features and specifications make it one of the best IDEs as the following:

1- Visual Studio code is a lightweight text editor and doesn't heavy on your pc
2- Visual Studio is a text editor and also IDE, this thing allows you to debug your code and test it
3- Visual Studio has a lot of extensions and packages to install them to make your coding much easier and faster
4- Visual studio supports many programming languages and environments like PHP, Javascript, Nodejs, Asp.net, c++, c#, dart, HTML, CSS, Java, Python and many other languages.
5-  you can test and debug your code with a single press on run button to start your program
6- Visual Studio has a live server extension which allows you to test your HTML web page on the browser and show the changes immediately on the browser without refreshing the page

How to start with it

To install it, firstly go to the official site from this link Visual Studio and follow the instructions to set up it.

Good Extensions to install

live server preview

live server is a good extension to use if you work in web development, it allows you to make a live coding with writing the code on the editor and automatically you will see the changes on the browser without refresh it. to install it go to the extensions installer from the right sidebar of the program and write live server like the above image.

live server

this extension for web development, it makes a server to host your code on it to test the code easily instead of using server programs like Xampp.

PHP Debug

this extension helps you to debug PHP code and test it easily. To install it go to extensions and write PHP Debug

HTML Snippets

This extension adds rich language support for the HTML Markup to VS Code, including: Full HTML5 Tags Colorization Snippets [partially implemented] Quick Info description mentions if tag deprecated

Bootstrap 4, Font awesome 4, Font Awesome 5 Free & Pro snippets

Visual studio code plugin containing Bootstrap 4, Font awesome 4 & Font Awesome 5 Free & Pro snippets. This plugin works in both in the stable & the insiders build

Materialize Snippets

A set of Materialize CSS Snippets for Visual Studio Code, ordered semantically following the structure of the documentation officer.