طرق سهلة لاستخدام ES6: 8 خطوات (بالصور)

جدول المحتويات:

طرق سهلة لاستخدام ES6: 8 خطوات (بالصور)
طرق سهلة لاستخدام ES6: 8 خطوات (بالصور)

فيديو: طرق سهلة لاستخدام ES6: 8 خطوات (بالصور)

فيديو: طرق سهلة لاستخدام ES6: 8 خطوات (بالصور)
فيديو: احذر من هذا الرابط🛑 |طريقة اختراق الهواتف 2024, يمكن
Anonim

ES6 ، يشار إليه أحيانًا باسم ECMAScript 2015 ، هو رمز ستجده في بعض المتصفحات ، ولكنك تحتاج إلى تشغيل بيئة Node.js لتتمكن من تشغيل وكتابة كود ES6. سيوضح لك هذا المقال كيفية بدء كتابة كود ES6.

خطوات

استخدم ES6 الخطوة 1
استخدم ES6 الخطوة 1

الخطوة الأولى: قم بتنزيل وتثبيت Node.js على

Node.js هي بيئة من جانب الخادم تحتاج إلى استخدام التعليمات البرمجية. يعمل Node.js مع كل من Windows و macOS.

  • تخطي هذه الخطوة إذا كان لديك Node.js مثبتًا بالفعل على جهاز الكمبيوتر الخاص بك.
  • انقر LTS ، الزر الأخضر الأول على اليسار. سيؤدي هذا إلى تثبيت إصدار ثابت من Node.js على جهاز الكمبيوتر الخاص بك. إذا كنت تستخدم جهاز كمبيوتر يعمل بنظام Windows ، فستحتاج على الأرجح إلى تشغيل الملف الذي تم تنزيله والمتابعة من خلال معالج التثبيت. إذا كنت تستخدم macOS ، فستحتاج على الأرجح إلى تشغيل الملف المثبت ، ثم سحب رمز التطبيق وإفلاته في مجلد التطبيقات.
استخدم ES6 الخطوة 2
استخدم ES6 الخطوة 2

الخطوة الثانية. قم بتنزيل Visual Studio Code وتثبيته على

VSC هو برنامج يعمل على كل من Windows و Mac ويسمح لك بإنشاء كود ES6.

انقر تحميل في الزاوية اليمنى العليا من الصفحة إذا كان الحالي تنزيل لـ (نظام التشغيل الخاص بك) غير صحيح. قد يحتاج مستخدمو Windows إلى تشغيل الملف الذي تم تنزيله والمتابعة من خلال معالج التثبيت. إذا كنت تستخدم macOS ، فستحتاج على الأرجح إلى تشغيل الملف المثبت ، ثم سحب رمز التطبيق وإفلاته في مجلد التطبيقات.

استخدم ES6 الخطوة 3
استخدم ES6 الخطوة 3

الخطوة الثالثة. قم بإنشاء مجلد فارغ على محرك الأقراص أو سطح المكتب

للقيام بذلك ، فقط افتح File Explorer أو Finder ، وانتقل إلى الموقع (على سبيل المثال ، محرك الأقراص C) حيث تريد إنشاء مجلدك. سمها بشيء بسيط ستتذكره (مثل "JS" أو "Nodefolder").

استخدم ES6 الخطوة 4
استخدم ES6 الخطوة 4

الخطوة 4. افتح Visual Studio Code

ستجد هذا في قائمة ابدأ أو مجلد التطبيقات في Finder.

استخدم ES6 الخطوة 5
استخدم ES6 الخطوة 5

الخطوة 5. افتح المجلد الفارغ في VSC

اذهب إلى ملف> فتح مجلد جديد لفتح متصفح الملفات وتحديد المجلد الفارغ.

سترى اسم المجلد الخاص بك في اللوحة الموجودة على الجانب الأيسر من التطبيق

استخدم ES6 الخطوة 6
استخدم ES6 الخطوة 6

الخطوة 6. قم بإنشاء ملف في مجلدك

انقر فوق الصفحة ورمز علامة الجمع (+) بجوار اسم المجلد.

سمها بشيء بسيط ، على سبيل المثال "helloworld.js"

استخدم ES6 الخطوة 7
استخدم ES6 الخطوة 7

الخطوة 7. أدخل الكود التالي في جزء النص على اليسار

  • console.log ("Hello world") ؛

استخدم ES6 الخطوة 8
استخدم ES6 الخطوة 8

الخطوة 8. اختبر عمل الكود

نظرًا لتثبيت Node.js لديك ، سترى نافذة "Terminal" بالقرب من الجزء السفلي من البرنامج.

  • نوع

    عقدة helloworld.js

  • ويجب أن تحصل على رد بـ "Hello world" في السطر التالي.
  • يجب أن تكون قادرًا على إنشاء أي كود ES6 تريده هنا. للحصول على أمثلة التعليمات البرمجية ، يمكنك الاطلاع على https://www.freecodecamp.org/news/getting-started-with-es6-using-a-few-of-my-favorite-things-ac89c27812e0/ و https:// code. visualstudio.com/docs/languages/javascript.

موصى به: