يجب أن تكون على دراية بـ Visual Studio Code بالفعل الآن. هذا لأننا تحدثنا عنه بالفعل في مقال منذ فترة. الآن ، في هذه المقالة ، سوف نتحدث عن كيفية تحسين البرامج التي تكتبها. بالنسبة لي ، تشير كلمة "أفضل" إلى فكرة الشفرة المحسّنة الخالية من الأخطاء والتي ستؤدي إلى نشر وتنفيذ أكثر سلاسة للمشروع المعني. سنغطي كل شيء عن كتابة بعض الأكواد على IDE في هذه المقالة. ولكن قبل ذلك ، يجب أن نغطي ما يتم دعم جميع اللغات والتقنيات بشكل أفضل بواسطة Visual Studio Code .

كيف تكتب وتحسن برنامجك الأول على Visual Studio Code

سيوضح لك برنامج Visual Studio Code التعليمي للمبتدئين كيفية تجميع أو كتابة البرنامج أو الكود الأول. ^{(Studio Code)}أضافت Microsoft^(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 Extension على Visual Studio Code ، فإنه يبدأ في عرض الاقتراحات الذكية والإكمال التلقائي لبناء جملة مختلف. وبالتالي^(Hence) ، سيؤدي ذلك إلى تقليل فرص حدوث خطأ وسيجعل تنفيذ ونشر التطبيق الخاص بك سلسًا.

يتم هنا إدراج مثال الوقت الفعلي لـ IntelliSense الذي يعمل مع ملف PHP .

إذا كنت مهتمًا بتجربة ما فعلته الآن ، فما عليك سوى اتباع هذه الخطوات السريعة.

قم بتثبيت Visual Studio Code^{(Install Visual Studio Code)} ثم ابحث أو احصل على امتداد PHP كما هو موضح في الخطوات أعلاه أو اتبع هذا الرابط marketplace.visualstudio.com .

الآن قم بإنشاء ملف جديد وحفظه  بامتداد .php  للملف.^(.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

Υou must be аwаre 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 عبارة عن مبرمجي Windows مجانا

• ما هي لغة البرمجة Java؟ أمثلة Code

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

• Teach Kids إلى Code باستخدام هذه Tools and Programs من Microsoft

• ما هي لغة البرمجة Python؟

• PerfView هي أداة Performance Analysis وملامح من Microsoft

• نصائح حول استخدام Inspect Element من Google Chrome browser

• Best Free C++ IDE ل Windows 10

• Redwood Resource Extractor: استخراج الموارد من ملفات EXE

• ما هو GTK+ Runtime Environment؟ لماذا PC need الخاص بك؟

• SciTE هو Text Processing software مجاني للمبرمجين

• ما هو JavaScript Framework الزاوي بشروط بسيطة؟

• كيفية إعداد واستخدام Docker Desktop على Windows

• كيفية تمكين Developer Mode في Windows 11/10

• كيفية Download and Install Code :: كتل في Windows 10

• ما هو زامارين؟ كيف يساعد في Mobile عبر المنصة app development؟

• ما هو بيانات JSON format and JSON document database؟

• 11 Best IDEs ل Node.js Developers

• Jedit هو واحد مثير للإعجاب Text Editor لمبرمجي الكمبيوتر