Skip to content

Latest commit

 

History

History
92 lines (65 loc) · 9.15 KB

vscode.md

File metadata and controls

92 lines (65 loc) · 9.15 KB

Stars Badge Forks Badge Pull Requests Badge Issues Badge GitHub contributors

Don't forget to hit the ⭐ if you like this repo.

Microsoft Visual Studio Code (VS Code)

Microsoft Visual Studio Code (VS Code) is a popular, free, and open-source code editor developed by Microsoft. It is used for web development, as well as other types of software development.

Here are some advantages of VS Code compared to other tools for web programming:

  1. Cross-platform support - VS Code runs on Windows, macOS, and Linux, making it a versatile tool for web developers working on different platforms.

  2. Extensibility - VS Code has a vast library of extensions available in its marketplace, making it easy to customize and extend the editor's functionality to suit specific needs.

  3. Integrated debugging - VS Code includes integrated debugging for various programming languages, including JavaScript, TypeScript, and Node.js, making it easier to identify and fix bugs in code.

  4. IntelliSense - VS Code provides intelligent code completion and suggestions, making it faster and easier to write code.

  5. Git integration - VS Code has excellent Git integration, allowing developers to manage Git repositories directly within the editor.

  6. Lightweight and fast - VS Code is a lightweight and fast editor, making it a great choice for web development, especially when working on large and complex projects.

  7. Free and open source - VS Code is completely free and open source, making it accessible to developers on a tight budget and allowing them to contribute to the tool's development and improvement.

Overall, VS Code's ease of use, flexibility, and extensive feature set make it a popular choice for web developers, particularly those working on JavaScript and TypeScript-based projects.

Download and Install Visual Studio Code

You can download and install Microsoft Visual Studio Code (VS Code) by following these steps:

  1. Go to the official VS Code website at https://code.visualstudio.com/.
  2. Click on the "Download for [your operating system]" button. The website will automatically detect your operating system and provide you with the appropriate download link.
  3. Once the download is complete, run the installer file.
  4. Follow the on-screen instructions to install VS Code on your computer.
  5. Once the installation is complete, you can launch VS Code by clicking on its icon in your Start menu (Windows) or Applications folder (macOS).

Alternatively, you can download and install a version of VS Code that includes the popular extensions and settings used by developers in your preferred programming language. These versions are called "Visual Studio Code - Insiders" and can be downloaded from the same website by clicking on the "Download for Insiders" button. Once installed, you can launch "Visual Studio Code - Insiders" from your Start menu or Applications folder, just like the regular version of VS Code.

Visual Studio Code Marketplace

The Visual Studio Code Marketplace is a web-based repository of extensions, themes, and other add-ons for the Visual Studio Code editor. It is a collection of community-created and Microsoft-curated extensions that extend the functionality of VS Code and make it more customizable for individual users.

The Marketplace offers a vast range of extensions, including syntax highlighting and code completion for different programming languages, debugging tools, productivity enhancers, and themes for customizing the appearance of the editor. You can browse the Marketplace using the built-in extension manager within Visual Studio Code, which allows you to search for specific extensions or browse different categories.

The Marketplace is continually updated, and developers can submit their extensions to be reviewed and published. The Marketplace also provides a platform for developers to share their code and collaborate with other developers, making it an essential resource for the VS Code community.

In summary, the Marketplace is a crucial component of the Visual Studio Code ecosystem, providing developers with a vast selection of extensions and add-ons that can enhance their productivity and customizability.

How to install extensions from within VS Code

To install extensions from within VS Code, you can follow these steps:

  1. Open Visual Studio Code.
  2. Click on the Extensions icon in the left-hand sidebar, or use the shortcut Ctrl + Shift + X on Windows/Linux or Command + Shift + X on macOS.
  3. Search for the extension you want to install in the search bar, or browse through the list of recommended extensions.
  4. Click on the extension you want to install to see more details about it.
  5. Click on the Install button to install the extension.
  6. Once the extension is installed, you will see a Reload button. Click on it to reload VS Code and activate the extension

Visual Studio Code

Video

Visual Studio Code Extensions for Web Developers

No. Extension Description
1 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.
2 GitHub Codespaces GitHub Codespaces provides cloud-hosted development environments for any activity - whether it's a long-term project, or a short-term task like reviewing a pull request. You can connect to Codespaces from Visual Studio Code or a browser-based editor that's accessible anywhere.
3 GitHub Pull Requests and Issues Pull Request and Issue Provider for GitHub
4 Live Server Launch a development local Server with live reload feature for static & dynamic pages
5 Live Share Real-time collaborative development from the comfort of your favorite tools.
6 JavaScript (ES6) code snippets This extension contains code snippets for JavaScript in ES6 syntax for Vs Code editor (supports both JavaScript and TypeScript).
7 Material Icon Theme Material Design Icons for Visual Studio Code
8 Peacock Subtly change the color of your Visual Studio Code workspace. Ideal when you have multiple VS Code instances, use VS Live Share, or use VS Code's Remote features, and you want to quickly identify your editor.
9 Prettier - Code formatter Prettier is an opinionated code formatter. It enforces a consistent style by parsing your code and re-printing it with its own rules that take the maximum line length into account, wrapping code when necessary.
10 PHP Intelephense Intelephense is a high performance PHP language server packed full of essential features for productive PHP development.
11 PHP Server Host / serve current workspace (or subfolder) with PHP.

Contribution 🛠️

Please create an Issue for any improvements, suggestions or errors in the content.

You can also contact me using Linkedin for any other queries or feedback.