Вы уже должны быть знакомы с Visual Studio Code . Это так, потому что мы уже говорили об этом в статье некоторое время назад. Теперь в этой статье мы поговорим о том, как сделать программы, которые вы пишете, лучше. Для меня «лучше» относится к понятию безошибочного, оптимизированного кода, который приведет к более плавному развертыванию и выполнению соответствующего проекта. В этой статье мы расскажем обо всем, что касается написания кода в среде IDE . ^(IDE)Но перед этим мы должны охватить то, что все языки и технологии лучше поддерживаются Visual Studio Code .

Как написать и улучшить свою первую программу в Visual Studio Code

В этом учебном пособии по Visual Studio Code для начинающих показано, как скомпилировать или написать свою первую программу или код. Microsoft добавила поддержку расширений в Visual Studio Code . Эти расширения помогают улучшить и оптимизировать ваш код для таких языков, как PHP , C, C++ и других!

Языки, поддерживаемые Visual Studio Code

Согласно веб-странице, опубликованной на официальном сайте Visual Studio Code , следующие основные языки поддерживаются IDE . К ним относятся C++, C#, CSS , Dockerfile , Go, HTML , Java , JavaScript , JSON , Less , Markdown , PHP , Python , Sass , T-SQL и TypeScript .

Теперь с этим вы получаете некоторые языковые функции, которые помогут вам писать лучший код. Этот лучший код похож на то, о чем мы говорили выше. Итак, с поддержкой многочисленных расширений мы получаем богатую поддержку следующего:

Syntax highlighting and bracket matching, Smart completions (IntelliSense), Linting and corrections, Code navigation (Go to Definition, Find All References), Debugging and Refactoring.sc

Если язык или расширение файла поддерживаются IDE , вы увидите название этого конкретного языка в  строке состояния ^{(Status Bar )} в правом нижнем углу. В противном случае он покажет вам уценку^(markdown) или открытый текст^{(plaintext )} .

Например:

На приведенном выше изображении среда IDE не идентифицирует^{(does not identify)} файл как файл известного типа. Следовательно^(Hence) , он упоминается как  обычный текст.^{(Plain Text.)}

Теперь давайте посмотрим, как установить и использовать эти расширения, чтобы в полной мере использовать их возможности.

Как установить расширения в Visual Studio Code

Итак, на первом шаге, когда вы открываете Visual Studio Code , вы можете увидеть экран, похожий на показанный во фрагменте ниже.

После этого нажмите кнопку «  Расширения ^{(Extensions )} » в левом вертикальном меню, как показано на скриншоте ниже.

Затем вы увидите новую панель, скользящую с левой стороны. В строке поиска^(Search) панели найдите язык или службу, для которой вы хотите расширение. Я буду искать расширение для PHP , потому что буду его демонстрировать.

Из списка, который вы получите в результате поиска, выберите тот, который наиболее подходит для удовлетворения ваших потребностей. Если вы нажмете на список расширения, вы получите более подробную информацию, такую ​​как описание, имя разработчика, функции, размер, совместимость и многое другое.

Как только вы нажмете кнопку « Установить  », все готово!^(Install )

Теперь, когда я установил расширение PHP IntelliSense^{(PHP IntelliSense Extension)} для Visual Studio Code , оно начинает отображать умные предложения и автозавершение для другого синтаксиса. Следовательно^(Hence) , это уменьшит вероятность ошибки и сделает выполнение и развертывание вашего приложения плавным.

Здесь вставлен пример работы IntelliSense с PHP - файлом в реальном времени.

Если вам интересно попробовать то, что я сделал сейчас, просто выполните следующие быстрые шаги.

Установите Visual Studio Code^{(Install Visual Studio Code)} , а затем найдите или получите расширение для PHP , как описано выше, или перейдите по этой ссылке marketplace.visualstudio.com .

Теперь создайте новый файл и сохраните его с  расширением .php  для файла.

<?php
    echo "This is Ayush from TheWindowsClub.com";
?>

Сохраните^(Save) , а затем переместите файлы в папку htdocs XAMPP или папку WWW  WAMP.

Теперь, наконец, откройте свой любимый веб-браузер и введите локальный URL -адрес вашего файла. Затем вы увидите такой вывод.

Надеюсь^(Hope) , вам будет легко понять.

Enhancing code on Visual Studio Code with the help of Extensions

You must be aware of Visual Studio Code already by now. This is so because we already talked about it in an article a while ago. Now, in this article, we are going to talk about how to make the programs that you write better. For me, ‘better’ refers to the notion of error-free, optimized code which will lead to smoother deployment and execution of the respective project. We will be covering everything about writing some code on the IDE in this article. But before that, we should cover what all languages and technologies are supported better by Visual Studio Code.

How to write & enhance your first program on Visual Studio Code

This Visual Studio Code tutorial for beginners will show you how to compile or write your first program or code. Microsoft added support for extensions in Visual Studio Code. These extensions help to enhance and optimize your code for languages like PHP, C, C++ and more!

Languages supported by Visual Studio Code

According to the webpage published on the official website of Visual Studio Code, the following are the main languages supported by the IDE. They include C++, C#, CSS, Dockerfile, Go, HTML, Java, JavaScript, JSON, Less, Markdown, PHP, Python, Sass, T-SQL, and TypeScript.

Now with this, you get some language features that help you write better code. This better code is similar in the track of what we talked about above. So, with support for numerous extensions, we get the rich support for the following:

Syntax highlighting and bracket matching, Smart completions (IntelliSense), Linting and corrections, Code navigation (Go to Definition, Find All References), Debugging and Refactoring.sc

When the language or the file extension is supported by the IDE, you will see the name of that particular language in the Status Bar on the bottom right corner. Else, it will show you markdown or plaintext written.

For example:

The above image is when the IDE does not identify the file as a known type. Hence, it is mentioned as Plain Text.

Now, let us take a look at how to install and use these extensions to leverage the full advantage of their capabilities.

How to install Extensions on Visual Studio Code

So, in the first step when you open Visual Studio Code, you might see a screen somewhat similar as shown in the snippet below.

After that, click on the Extensions button on the left side vertical menu as shown in the screenshot below.

Then you will see a new panel sliding from the left side itself. In the Search bar of the panel, search for the language or service you want an extension for. I will be searching for an extension for PHP because I will be demoing it.

From the list that you get as search results, select the one that is most suitable to fulfill your needs. If you click on the listing of the extension, you will get more details like description, developer’s name, features, size, compatibility, and more.

Once you hit on the Install button, you are good to go!

Now as I installed the PHP IntelliSense Extension on Visual Studio Code, it starts displaying smart suggestions and auto-completion for different syntax. Hence, this will decrease the chances of an error and will make the execution and deployment of your application smooth.

The real-time example of IntelliSense working with a PHP file is inserted here.

If you are curious to try out what I did now, just follow these quick steps.

Install Visual Studio Code and then, search or get the extension for PHP as instructed in the steps above or follow this link marketplace.visualstudio.com.

Now create a new file and save it in .php extension for the file.

<?php
    echo "This is Ayush from TheWindowsClub.com";
?>

Save and then move the files to the htdocs folder of XAMPP or WWW folder of WAMP.

Now, finally open your favorite web browser and enter the local URL for your file. Then you will see an output like this.

Hope you find it easy to understand.

Related posts

• Visual Studio Code - Как скачать и установить VSC

• CudaText - бесплатный Code Editor для программистов Windows

• Что такое язык программирования Java? Code Примеры

• SynWrite Editor: Free Text & Source Code Editor для Windows 10

• Teach Kids до Code Использование этих Tools and Programs от Microsoft

• Как Download and Install Code :: Blocks в Windows 10

• 11 Best IDEs для Node.js Developers

• Что такое язык R programming и почему вы должны использовать RStudio

• Что такое угловой JavaScript Framework в простых условиях?

• Как скачать файлы из Github и просмотрите их

• Как скачать Visual Studio Code Insider

• Сайты, которые помогут вам научиться Code, играя на Games и веселиться

• Microsoft Graph: все, что вам нужно знать

• Лучшие редакторы кода для Windows 10, что каждый разработчик должен использоваться

• Лучшие сайты для изучения или улучшения знаний HTML coding

• Уведомления Visualizer позволяет проверить уведомления о приложений

• Alternate Text Browser позволяет просматривать несколько языков Programming

• Пять лучших проектов для начинающих программистов

• Как настроить и использовать Docker Desktop на Windows

• Как включить Developer Mode в Windows 11/10