Anda pasti sudah mengetahui Visual Studio Code sekarang. Ini karena kami sudah membicarakannya di artikel beberapa waktu lalu. Sekarang, dalam artikel ini, kita akan berbicara tentang bagaimana membuat program yang Anda tulis menjadi lebih baik. Bagi saya, 'lebih baik' mengacu pada gagasan kode yang dioptimalkan dan bebas kesalahan yang akan mengarah pada penerapan dan pelaksanaan proyek yang lebih lancar. Kami akan membahas segala sesuatu tentang menulis beberapa kode pada IDE dalam artikel ini. Tetapi sebelum itu, kita harus membahas semua bahasa dan teknologi yang didukung lebih baik oleh Visual Studio Code .

Cara menulis & meningkatkan program pertama Anda di Visual Studio Code

Tutorial Kode Visual Studio^{(Studio Code)} untuk pemula ini akan menunjukkan kepada Anda cara mengkompilasi atau menulis program atau kode pertama Anda. Microsoft menambahkan dukungan untuk ekstensi di Visual Studio Code . Ekstensi ini membantu menyempurnakan dan mengoptimalkan kode Anda untuk bahasa seperti PHP , C, C++, dan lainnya!

Bahasa yang didukung oleh Visual Studio Code

Menurut halaman web yang dipublikasikan di situs resmi Visual Studio Code , berikut adalah bahasa utama yang didukung oleh IDE . Mereka termasuk C++, C#, CSS , Dockerfile , Go, HTML , Java , JavaScript , JSON , Less , Markdown , PHP , Python , Sass , T-SQL , dan TypeScript .

Sekarang dengan ini, Anda mendapatkan beberapa fitur bahasa yang membantu Anda menulis kode yang lebih baik. Kode yang lebih baik ini mirip dengan apa yang kita bicarakan di atas. Jadi, dengan dukungan untuk banyak ekstensi, kami mendapatkan dukungan yang kaya untuk hal-hal berikut:

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

Ketika bahasa atau ekstensi file didukung oleh IDE , Anda akan melihat nama bahasa tersebut di  Status Bar  di sudut kanan bawah. Lain, itu akan menunjukkan penurunan harga^(markdown) atau plaintext tertulis.

Sebagai contoh:

Gambar di atas adalah ketika IDE tidak mengidentifikasi^{(does not identify)} file sebagai tipe yang dikenal. Oleh karena^(Hence) itu , disebut sebagai  Teks Biasa.^{(Plain Text.)}

Sekarang, mari kita lihat cara memasang dan menggunakan ekstensi ini untuk memanfaatkan keuntungan penuh dari kemampuannya.

Cara menginstal Ekstensi pada Kode Visual Studio^{(Studio Code)}

Jadi, pada langkah pertama saat Anda membuka Visual Studio Code , Anda mungkin melihat layar yang agak mirip seperti yang ditunjukkan pada cuplikan di bawah ini.

Setelah itu, klik  tombol Extensions  di menu vertikal sisi kiri seperti yang ditunjukkan pada gambar di bawah.

Kemudian Anda akan melihat panel baru meluncur dari sisi kiri itu sendiri. Di bilah Pencarian^(Search) di panel, cari bahasa atau layanan yang Anda inginkan untuk ekstensi. Saya akan mencari ekstensi untuk PHP karena saya akan mendemonstrasikannya.

Dari daftar yang Anda dapatkan sebagai hasil pencarian, pilih salah satu yang paling sesuai dengan kebutuhan Anda. Jika Anda mengklik pada daftar ekstensi, Anda akan mendapatkan detail lebih lanjut seperti deskripsi, nama pengembang, fitur, ukuran, kompatibilitas, dan banyak lagi.

Setelah Anda menekan tombol Instal ^(Install ) , Anda siap melakukannya!

Sekarang saat saya menginstal Ekstensi IntelliSense PHP^{(PHP IntelliSense Extension)} pada Visual Studio Code , ia mulai menampilkan saran cerdas dan pelengkapan otomatis untuk sintaks yang berbeda. Oleh karena itu^(Hence) , ini akan mengurangi kemungkinan kesalahan dan akan membuat eksekusi dan penerapan aplikasi Anda lancar.

Contoh real-time IntelliSense yang bekerja dengan file PHP dimasukkan di sini.

Jika Anda penasaran untuk mencoba apa yang saya lakukan sekarang, ikuti saja langkah-langkah cepat ini.

Instal Kode Visual Studio^{(Install Visual Studio Code)} dan kemudian, cari atau dapatkan ekstensi untuk PHP seperti yang diinstruksikan pada langkah-langkah di atas atau ikuti tautan ini marketplace.visualstudio.com .

Sekarang buat file baru dan simpan dalam  ekstensi .php  untuk file tersebut.

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

Simpan^(Save) dan pindahkan file ke folder htdocs XAMPP atau folder WWW  WAMP.

Sekarang, akhirnya buka browser web favorit Anda dan masukkan URL lokal untuk file Anda. Kemudian Anda akan melihat output seperti ini.

Semoga^(Hope) Anda mudah memahaminya.

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 - Cara Mengunduh dan Menginstal VSC

• CudaText adalah Code Editor gratis untuk programmer Windows

• Apa itu bahasa pemrograman Java? Code contoh

• SynWrite Editor: Free Text & Source Code Editor untuk Windows 10

• Teach Kids ke Code menggunakan Tools and Programs ini dari Microsoft

• Apa itu Xamarin? Bagaimana cara membantu dalam Cross-Platform Mobile app development?

• Best C++ Extensions untuk Visual Studio Code

• aplikasi web Manage legacy dengan Enterprise Mode Site List Portal Microsoft ini

• Nonaktifkan Developer Tools di Edge menggunakan Registry or Group Policy

• Slack apps: Remote Teams, Productivity, Developers, Project Management

• Lima proyek terbaik untuk programmer pemula

• PerfView adalah alat Performance Analysis & Profiling dari Microsoft

• Apa data JSON format and JSON document database?

• Download, Install, Bahasa Learn Microsoft Small Basic programming

• Apa itu Google Go Programming Language - Persyaratan, FAQ

• Tips menggunakan Inspect Element dari Google Chrome browser

• Best Free PHP IDE untuk Windows 10

• Pemberitahuan Visualizer memungkinkan Anda menguji pemberitahuan aplikasi

• Cara mengunduh file dari Github dan melihatnya

• Cara Mengubah User Agent and Geolocation di Edge Developer Tools