كيفية تثبيت جافا سكريبت في VSCode

تعد JavaScript إحدى أهم لغات الواجهة الأمامية لأنها تمنح صفحة الويب الخاصة بك القدرة على التفكير والتفاعل. قد ترغب في إضافة JavaScript إلى IDE الخاص بك إذا كنت مطورًا للواجهة الأمامية. في هذا البرنامج التعليمي، سوف نرى كيفية تثبيت جافا سكريبت في VSCode.

قم بتثبيت JavaScript في VSCode

Visual Studio Code هو محرر أكواد برمجية مجاني تمامًا ومفتوح المصدر. لقد تم تطويره بواسطة Microsoft ويحظى بتقدير كبير من قبل المطورين نظرًا لتصميمه الخفيف والسريع والقابل للتوسيع. محرر التعليمات البرمجية هذا قادر على دعم لغات البرمجة المختلفة، وفي هذا البرنامج التعليمي، سنركز على JavaScript.

لتثبيت JavaScript في VSCode، عليك اتباع الخطوات المذكورة أدناه.

1. قم بتثبيت كود Visual Studio
2. قم بتثبيت Node.JS
3. إنشاء وتشغيل برنامج جافا سكريبت

دعونا نتحدث عنهم بالتفصيل.

1] قم بتثبيت كود Visual Studio

أولاً، نحتاج إلى تثبيت Visual Studio Code على جهاز الكمبيوتر الخاص بك. للقيام بنفس الشيء، انتقل إلى code.visualstudio.com وقم بتثبيت التطبيق على النظام الأساسي المفضل لديك. بعد التنزيل، انتقل إلى موقع التنزيل وقم بتثبيته على جهاز الكمبيوتر الخاص بك.

2] قم بتثبيت Node.JS

استثناء تخزين غير متوقع

Node.js هي بيئة تشغيل جافا سكريبت مجانية ومفتوحة المصدر ويمكن تشغيلها على أنظمة تشغيل مختلفة مثل Windows وLinux وUnix وmacOS. يستخدم محرك V8 JavaScript لتنفيذ تعليمات JavaScript خارج متصفح الويب. باستخدام Node.js، يمكنك استخدام JavaScript لكتابة أدوات سطر الأوامر وتنفيذ البرمجة النصية من جانب الخادم.

يمكننا تثبيت حزمة ملحق Node.JS من مركز الامتداد. لذا، انتقل إلى قسم الامتدادات بالنقر فوق الأيقونة الخاصة بها، وابحث عنها 'Node.JS' وانقر على أيقونة التثبيت المرتبطة به. تحتوي هذه الحزمة على مجموعة من الامتدادات المفيدة للعمل مع JavaScript وNode.js.

لتشغيل كود JavaScript الخاص بنا، نحتاج إلى تثبيت Node.js، وهو وقت تشغيل JavaScript. يمكنك تنزيله من الموقع الرسمي Nodejs.org موقع إلكتروني. يوصى باختيار إصدار LTS (الدعم طويل الأمد)، لأنه الأكثر استقرارًا والملاءمة لمعظم المستخدمين.

3] إنشاء وتشغيل برنامج جافا سكريبت

الآن بعد أن أنشأنا بيئة لتشغيل التعليمات البرمجية، فلنبدأ بالبرمجة. للقيام بنفس الشيء، تحتاج أولاً إلى إنشاء ملف VSCode. لذلك، افتح Visual Studio Code وانتقل إلى ملف > ملف جديد. أعطها اسمًا من اختيارك ولكن مع .js امتداد. لذلك، يمكنك تسميتها 'javascript.js'. لحفظه استخدم Ctrl + Shift + S أو File > Save As. للتأكد من أن كل شيء يسير على ما يرام، استخدم الأمر التالي.

console.log("Hello, world!");

سيُخرج كود جافا سكريبت هذا عبارة 'Hello, World!' عبر وحدة التحكم، وهي واجهة نصية للتواصل مع برنامجك.

4] تنفيذ ملف جافا سكريبت

إن تشغيل JavaScript ليس سهلاً مثل تشغيل ملف Java. يجب عليك إما تثبيت CodeRunner، والذي سيضيف زرًا إلى IDE الخاص بك مما يسمح لك بتشغيل التعليمات البرمجية بنقرة زر واحدة فقط. أو افتح صالة، ثم انتقل إلى مسار الملف باستخدام 'القرص المضغوط' أو أمر تغيير الدليل. لذا، ما عليك سوى الانتقال إلى مسار الملف (cd ~/Desktop/JS) ثم تشغيله عقدة filename.js. ومع ذلك، سيقوم Code Runner بذلك تلقائيًا نيابةً عنك.

يقرأ: كيفية تكوين VS Code لـ Microsoft C++ ؟

لم يتم التعرف على إصلاح 'العقدة' كأمر داخلي أو خارجي

إذا حصلت على خطأ يفيد بأن ''العقدة' لم يتم التعرف عليها كأمر داخلي أو خارجي'، فلن يتم تعريف متغير المسار في نظامك. لذلك، عليك اتباع الخطوات المذكورة أدناه لتحديد المسار في متغير البيئة.

تحديث دليل windows defender

1. اضغط على Win + R، اكتب 'متغيرات البيئة' وافتح تحرير متغيرات بيئة النظام قسم.
2. انقر فوق متغيرات البيئة.
3. حدد المسار ثم انقر فوق 'تحرير'.
4. انقر فوق جديد، ثم الصق المسار الذي تم تثبيت Nodejs فيه. بالنسبة لي، كان 'C:\Program Files\nodejs'
5. انقر فوق موافق.

أخيرًا، أعد تشغيل Visual Studio Code ثم تحقق مما إذا تم حل المشكلة.

يقرأ: توقف Visual Studio Installer عند تثبيت الحزمة

كيفية إضافة JavaScript في VS Code؟

لإضافة JavaScript في Visual Studio Code، تحتاج إلى تثبيت VSCode أولاً ثم Node.JS. بمجرد الانتهاء من ذلك، قم بإنشاء ملف .JS، واكتب الرموز، ثم ابدأ في كتابة الرموز. لتنفيذه، ما عليك سوى الانتقال إلى مسار الملف باستخدام Terminal ثم تشغيله عقدة filename.js أو من الأفضل تنزيل ملحق Code Runner.

يقرأ: كيفية تنزيل وتثبيت Java JDK على نظام التشغيل Windows ؟

هل يمكننا عمل JavaScript في VS Code؟

نعم، يمكنك استخدام JavaScript في VS Code. في الواقع، يوفر VS Code دعمًا ممتازًا لتصحيح الأخطاء لجافا سكريبت. يمكنك بسهولة تعيين نقاط التوقف وفحص الكائنات والتنقل في مكدس الاستدعاءات وتنفيذ التعليمات البرمجية في Debug Console. إذا كنت تريد معرفة المزيد حول تصحيح الأخطاء في VS Code، فانتقل إلى code.visualstudio.com .

إقرأ أيضاً: أفضل ملحقات C++ لرمز Visual Studio .

• أكثر