Πρέπει να γνωρίζετε ήδη τον κώδικα του Visual Studio . ^{(Visual Studio Code)}Αυτό συμβαίνει γιατί το είχαμε ήδη μιλήσει σε ένα άρθρο πριν από λίγο καιρό. Τώρα, σε αυτό το άρθρο, θα μιλήσουμε για το πώς να βελτιώσετε τα προγράμματα που γράφετε. Για μένα, το «καλύτερο» αναφέρεται στην έννοια του βελτιστοποιημένου κώδικα χωρίς σφάλματα που θα οδηγήσει σε ομαλότερη ανάπτυξη και εκτέλεση του αντίστοιχου έργου. Θα καλύψουμε τα πάντα σχετικά με τη σύνταξη κώδικα στο IDE σε αυτό το άρθρο. Αλλά πριν από αυτό, θα πρέπει να καλύψουμε ποιες είναι οι γλώσσες και οι τεχνολογίες που υποστηρίζονται καλύτερα από το Visual Studio Code .

Πώς να γράψετε και να βελτιώσετε το πρώτο σας πρόγραμμα στον κώδικα του Visual Studio^{(Studio Code)}

Αυτό το σεμινάριο του Visual Studio Code για αρχάριους θα σας δείξει πώς να μεταγλωττίσετε ή να γράψετε το πρώτο σας πρόγραμμα ή κώδικα. Η Microsoft^(Microsoft) πρόσθεσε υποστήριξη για επεκτάσεις στον κώδικα του Visual Studio^{(Studio Code)} . Αυτές οι επεκτάσεις βοηθούν στη βελτίωση και τη βελτιστοποίηση του κώδικά σας για γλώσσες όπως PHP , C, C++ και άλλες!

Γλώσσες που υποστηρίζονται από τον κώδικα του Visual Studio^{(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^{(Studio Code)}

Έτσι, στο πρώτο βήμα, όταν ανοίγετε το Visual Studio Code , μπορεί να δείτε μια οθόνη κάπως παρόμοια όπως φαίνεται στο παρακάτω απόσπασμα.

Μετά από αυτό, κάντε κλικ στο  κουμπί Επεκτάσεις ^{(Extensions )} στο αριστερό κάθετο μενού, όπως φαίνεται στο παρακάτω στιγμιότυπο οθόνης.

Στη συνέχεια, θα δείτε ένα νέο πάνελ να γλιστράει από την ίδια την αριστερή πλευρά. Στη γραμμή αναζήτησης^(Search) του πίνακα, αναζητήστε τη γλώσσα ή την υπηρεσία για την οποία θέλετε μια επέκταση. Θα ψάξω για επέκταση για την PHP γιατί θα την κάνω demo.

Από τη λίστα που λαμβάνετε ως αποτελέσματα αναζήτησης, επιλέξτε αυτό που είναι πιο κατάλληλο για να ικανοποιήσει τις ανάγκες σας. Εάν κάνετε κλικ στην καταχώριση της επέκτασης, θα λάβετε περισσότερες λεπτομέρειες όπως περιγραφή, όνομα προγραμματιστή, χαρακτηριστικά, μέγεθος, συμβατότητα και άλλα.

Μόλις πατήσετε το κουμπί Εγκατάσταση ^(Install ) , είστε έτοιμοι!

Τώρα καθώς εγκατέστησα την επέκταση PHP IntelliSense^{(PHP IntelliSense Extension)} στον κώδικα του Visual Studio^{(Studio Code)} , αρχίζει να εμφανίζει έξυπνες προτάσεις και αυτόματη συμπλήρωση για διαφορετική σύνταξη. Ως εκ τούτου^(Hence) , αυτό θα μειώσει τις πιθανότητες σφάλματος και θα κάνει την εκτέλεση και την ανάπτυξη της εφαρμογής σας ομαλή.

Το παράδειγμα σε πραγματικό χρόνο της εργασίας του IntelliSense με ένα αρχείο PHP εισάγεται εδώ.

Εάν είστε περίεργοι να δοκιμάσετε αυτό που έκανα τώρα, απλώς ακολουθήστε αυτά τα γρήγορα βήματα.

Εγκαταστήστε τον κώδικα του Visual Studio^{(Install Visual Studio Code)} και, στη συνέχεια, αναζητήστε ή λάβετε την επέκταση για PHP σύμφωνα με τις οδηγίες στα παραπάνω βήματα ή ακολουθήστε αυτόν τον σύνδεσμο marketplace.visualstudio.com .

Τώρα δημιουργήστε ένα νέο αρχείο και αποθηκεύστε το σε  επέκταση .php  για το αρχείο.

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

Αποθηκεύστε^(Save) και στη συνέχεια μετακινήστε τα αρχεία στον φάκελο htdocs του XAMPP ή στον φάκελο WWW  του WAMP.

Τώρα, επιτέλους ανοίξτε το αγαπημένο σας πρόγραμμα περιήγησης και εισαγάγετε την τοπική διεύθυνση URL^(URL) για το αρχείο σας. Τότε θα δείτε μια έξοδο σαν αυτή.

Ελπίζω^(Hope) να το καταλάβετε εύκολα.

Enhancing code on Visual Studio Code with the help of Extensions

You must be aware оf 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 είναι ένα δωρεάν πρόγραμμα επεξεργασίας κώδικα για προγραμματιστές Windows

• Τι είναι η γλώσσα προγραμματισμού Java; Παραδείγματα κώδικα

• SynWrite Editor: Δωρεάν πρόγραμμα επεξεργασίας κειμένου και πηγαίου κώδικα για Windows 10

• Διδάξτε στα παιδιά να κωδικοποιούν χρησιμοποιώντας αυτά τα Εργαλεία και Προγράμματα της Microsoft

• Λήψη, εγκατάσταση, Μάθετε τη γλώσσα προγραμματισμού Microsoft Small Basic

• Συμβουλές για τη χρήση του Inspect Element του προγράμματος περιήγησης Google Chrome

• Οδηγοί, Συμβουλές, κόλπα Εργαλείων ανάπτυξης Chrome

• Δημιουργήστε εγγενή εφαρμογή Windows οποιασδήποτε ιστοσελίδας χρησιμοποιώντας το Nativefier.

• Ελέγξτε τον κωδικό σας για σφάλματα με το Code Compare για Windows 10

• Τι είναι η μορφή δεδομένων JSON και η βάση δεδομένων εγγράφων JSON;

• Τι είναι το GTK+ Runtime Environment; Γιατί το χρειάζεται ο υπολογιστής σας;

• Τρόπος λήψης και εγκατάστασης κώδικα:: Αποκλεισμός στα Windows 10

• Πώς να απενεργοποιήσετε ή να ενεργοποιήσετε τη λειτουργία προγραμματιστή στα Windows 11/10

• Κορυφαίες δωρεάν επεκτάσεις για τον κώδικα του Visual Studio που θα σας βοηθήσουν να κωδικοποιήσετε καλύτερα

• Το jEdit είναι ένα εντυπωσιακό πρόγραμμα επεξεργασίας κειμένου για προγραμματιστές υπολογιστών

• Τι είναι το Angular JavaScript Framework με απλά λόγια;

• Το SciTE είναι ένα δωρεάν λογισμικό επεξεργασίας κειμένου για προγραμματιστές

• Τι είναι το Xamarin; Πώς βοηθάει στην ανάπτυξη εφαρμογών για κινητά μεταξύ πλατφορμών;

• Πώς να αλλάξετε τον παράγοντα χρήστη και τη γεωγραφική τοποθεσία στα Εργαλεία προγραμματιστών Edge