كيفية تكوين كود الاستوديو المرئي بشكل صحيح للعمل مع جافا سكريبت

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

للبدء مع جافا سكريبت ، تحتاج إلى تثبيت العديد من الإضافات التي ستساعد في تحسين عملية التطوير. أحد أكثر الإضافات فائدة هو " مقتطفات شفرة جافا سكريبت (إس 6)". يسمح لك بإنشاء قوالب تعليمات برمجية قياسية بسرعة مثل العبارات الشرطية والحلقات ، مما يسرع عملية كتابة التعليمات البرمجية بشكل كبير.

وبالإضافة إلى ذلك ، فمن المستحسن لتثبيت "إسلينت" التمديد ، والتي سوف تساعد على تحديد وإصلاح الأخطاء والمشاكل المحتملة في شفرة جافا سكريبت. هذا يجعل الشفرة أكثر نظافة ويتجنب الأخطاء في المراحل الأولى من التطوير.

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

1. تحميل وتثبيت فيسوال ستوديو كود
2. الخطوة 1: تحميل فيسوال ستوديو كود من الموقع الرسمي
3. خطوة: تثبيت رمز الاستوديو المرئي على نظام التشغيل الخاص بك
4. التثبيت على ويندوز
5. التثبيت على ماك
6. التثبيت على لينكس
7. تكوين فيسوال ستوديو كود للعمل مع جافا سكريبت
8. 1. التمديدات
9. 2. إعداد إسلينت
10. 3. إعداد أجمل
11. 4. تكوين المصحح
12. 5. العمل مع الإضافات والإضافات
13. 6. العمل مع مديري الحزم
14. 7. العمل مع المقتطفات
15. خطوة: تثبيت ملحقات لجافا سكريبت
16. الخطوة: إعداد المعلمات الأساسية لجافا سكريبت
17. تصحيح جافا سكريبت في فيسوال ستوديو كود
18. تثبيت ملحقات لتصحيح الأخطاء
19. تكوين بدء تشغيل المصحح
20. الوظائف الرئيسية للمصحح
21. تكوين التصحيح في المتصفح
22. الخطوة: تكوين بدء تشغيل المصحح
23. سؤال وجواب
24. كيف يمكنني إعداد كود الاستوديو المرئي للعمل مع جافا سكريبت?
25. كيف أقوم بإعداد إسلينت في كود فيسوال ستوديو?
26. كيف أقوم بإعداد تنسيق التعليمات البرمجية التلقائي في كود الاستوديو المرئي?

تحميل وتثبيت فيسوال ستوديو كود

فيسوال ستوديو كود (مقابل كود) هو محرر الحرة والمفتوحة المصدر التي وضعتها مايكروسوفت للعمل مع لغات البرمجة المختلفة ، بما في ذلك جافا سكريبت. لبدء العمل مع رمز فس ، تحتاج إلى تحميل وتثبيته على جهاز الكمبيوتر الخاص بك.

فيما يلي الخطوات التي تحتاج إلى اتباعها لتنزيل وتثبيت كود فيسوال ستوديو:

1. افتح مستعرض ويب وانتقل إلى الموقع الرسمي لرمز فيسوال ستوديو على https://code .visualstudio.com.
2. انقر فوق الزر" تنزيل " أعلى الصفحة.
3. في الصفحة التي تفتح ، حدد إصدار رمز فيسوال ستوديو لنظام التشغيل الخاص بك (ويندوز ، ماك أو لينكس).
4. انقر فوق الزر" تنزيل " بجوار الإصدار المحدد.
5. احفظ ملف المثبت الذي تم تنزيله على جهاز الكمبيوتر الخاص بك.
6. افتح الملف الذي تم تنزيله واتبع تعليمات معالج التثبيت.
7. بعد اكتمال التثبيت ، قم بتشغيل رمز الاستوديو المرئي.

الآن لديك فيسوال ستوديو كود تثبيت ويمكنك البدء في استخدامه للعمل مع جافا سكريبت ولغات البرمجة الأخرى. تثبيت فس كود بسيط جدا ويستغرق سوى بضع دقائق.

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

الخطوة 1: تحميل فيسوال ستوديو كود من الموقع الرسمي

لبدء العمل مع فيسوال ستوديو كود ، سوف تحتاج إلى تحميل وتثبيته على جهاز الكمبيوتر الخاص بك. في هذا القسم ، ونحن سوف ننظر في كيفية تحميل فيسوال ستوديو كود من الموقع الرسمي.

1. افتح متصفح الويب المفضل لديك وانتقل إلى موقع ويب فيسوال ستوديو كود الرسمي.
2. انقر فوق الزر" تنزيل " لبدء التنزيل.
3. سوف يطلب منك تحديد إصدار رمز فيسوال ستوديو لنظام التشغيل الخاص بك (ويندوز ، ماك أو لينكس). حدد الإصدار المناسب وانقر على "تنزيل".
4. بعد اكتمال التنزيل ، قم بتشغيل ملف التثبيت واتبع التعليمات الخاصة بتثبيت رمز الاستوديو المرئي.

بعد اكتمال التثبيت ، سوف تكون على استعداد لبدء العمل مع رمز فيسوال ستوديو. عند الإطلاق الأول ، ستتاح لك الفرصة لتخصيص خيارات متنوعة مثل نظام الألوان والإضافات وإعدادات المحرر.

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

الخطوة: تثبيت فيسوال ستوديو كود على نظام التشغيل الخاص بك

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

هذا القسم سوف اقول لكم كيفية تثبيت فيسوال ستوديو كود على أنظمة التشغيل المختلفة ، بما في ذلك ويندوز ، ماك ولينكس.

التثبيت على ويندوز

1. انتقل إلى الموقع الرسمي فيسوال ستوديو كود في https://code .visualstudio.com/
2. انقر على زر" تحميل ويندوز".
3. قم بتشغيل المثبت الذي تم تنزيله.
4. اقبل اتفاقية الترخيص وحدد مسار التثبيت.
5. انقر فوق الزر تثبيت.
6. بعد اكتمال التثبيت ، قم بتشغيل رمز الاستوديو المرئي.

التثبيت على ماك

1. انتقل إلى الموقع الرسمي فيسوال ستوديو كود في https://code .visualstudio.com/
2. انقر على زر" تحميل لماك".
3. بعد التنزيل ، افتح الملف باستخدام ملف .تمديد شركة دي ام جي.
4. اسحب رمز رمز الاستوديو المرئي إلى مجلد التطبيقات.
5. تشغيل رمز الاستوديو المرئي من مجلد التطبيقات.

التثبيت على لينكس

1. افتح المحطة.
2. الأمر لتحديث قائمة الحزمة.
3. أمر لتثبيت رمز الاستوديو المرئي.
4. .

بعد تثبيت فيسوال ستوديو كود على نظام التشغيل الخاص بك ، يمكنك البدء في العمل مع جافا سكريبت وتخصيص البيئة لاحتياجاتك.

تكوين فيسوال ستوديو كود للعمل مع جافا سكريبت

فيسوال ستوديو كود (مقابل كود) هي واحدة من برامج تحرير النصوص الأكثر شعبية المستخدمة لتطوير جافا سكريبت. للحصول على أقصى قدر من الأداء والراحة للعمل مع جافا سكريبت في فس كود ، فمن المستحسن لتكوين الخيارات والإضافات التالية:

1. التمديدات

تثبيت الملحقات التالية لمساعدتك في العمل مع جافا سكريبت في رمز فس:

• إسلينت: للتحقق وتصحيح الأخطاء تلقائيا في التعليمات البرمجية.
• أجمل: لتنسيق التعليمات البرمجية وفقا لأنماط معينة.
• المصحح للكروم: لتصحيح شفرة جافا سكريبت في متصفح كروم.

2. إعداد إسلينت

لتكوين إسلينت في رمز فس ، إنشاء ملف".(إسلينترك).جسون " في جذر المشروع الخاص بك مع القواعد اللازمة والتكوين. ثم تمكين إسلينت في رمز فس عن طريق إضافة الخيار التالي إلى ملف الإعدادات.جسون " (ملف > خيارات > خيارات المحرر):

"إسلينت.تمكين": صحيح

3. إعداد أجمل

لتكوين أجمل في رمز فس ، إنشاء".(بريتيرك).جسون " ملف مع أنماط التنسيق اللازمة في جذر المشروع الخاص بك. ثم تمكين أجمل في رمز فس عن طريق إضافة الخيار التالي إلى "إعدادات.جسون " ملف:

"محرر.فورماتونسف": صحيح

4. تكوين المصحح

لتكوين مصحح جافا سكريبت في رمز فس ، تثبيت" المصحح للكروم " التمديد. ثم ، في " إطلاق.جسون " ملف (المصحح إطلاق البيان) ، إضافة التكوين التالي:

{

"النوع":"كروم",

"طلب": "إطلاق",

"الاسم": "إطلاق كروم",

"رابط": "http://localhost:8080 ",

"ويبروت": "{{وركسباسيفولدر}"

}

5. العمل مع الإضافات والإضافات

فس كود يدعم الإضافات والإضافات التي تسمح لك لمزيد من تخصيص وتوسيع وظائف المحرر. استكشاف الإضافات والإضافات المتاحة في فس كود السوق للعثور على حلول جاهزة لتطوير شفرة جافا سكريبت الخاص بك.

6. العمل مع مديري الحزم

إذا كان مشروعك يستخدم مديري الحزم مثل الآلية الوقائية الوطنية أو الغزل ، تثبيت الملحقات المناسبة في رمز فس. ستساعدك هذه الإضافات في إدارة التبعيات وتنفيذ البرامج النصية والمزيد مباشرة من المحرر.

7. العمل مع المقتطفات

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

بعد تكوين وتثبيت جميع الملحقات اللازمة ، سوف تكون على استعداد للعمل بشكل فعال مع جافا سكريبت في فيسوال ستوديو كود. حظا سعيدا مع التنمية الخاصة بك!

الخطوة: تثبيت ملحقات لجافا سكريبت

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

في هذا القسم ، سنلقي نظرة على العديد من الإضافات التي ستساعدك على تبسيط وتسريع تطوير مشاريع جافا سكريبت.

1. إسلينت: ملحق يساعد في الحفاظ على معايير الترميز والعثور على المشكلات المحتملة في التعليمات البرمجية الخاصة بك. يمكن تكوين إسلينت وفقا للقواعد المحددة والتحقق تلقائيا من التعليمات البرمجية عند حفظ ملف.
2. أجمل: يساعد هذا الامتداد في تنسيق التعليمات البرمجية تلقائيا ، مما يجعلها أكثر قابلية للقراءة واتساقا. يمكن أيضا تكوين أجمل باستخدام أنماط تنسيق مختلفة وتنسيق التعليمات البرمجية تلقائيا عند حفظ ملف.
3. المصحح للكروم: هذا التمديد يسمح لك لتصحيح شفرة جافا سكريبت الخاص بك قيد التشغيل في متصفح جوجل كروم. يوفر القدرة على إيقاف تنفيذ التعليمات البرمجية على سطر معين ، والتحقق من قيم المتغيرات ، وإجراء عمليات تصحيح أخطاء أخرى.
4. خادم مباشر: ملحق يسمح لك بتشغيل تطبيق الويب الخاص بك على خادم محلي مع وظيفة إعادة تحميل الصفحة تلقائيا عند إجراء التغييرات.
5. التحسس الذكي لجافا سكريبت: يضيف هذا الامتداد دعما للإكمال التلقائي للرمز والاقتراحات أثناء الكتابة ، مما يحسن بشكل كبير من أداء ودقة تطوير جافا سكريبت.

تثبيت ملحقات في رمز فس بسيط جدا:

1. فتح فس رمز وانقر على أيقونة عداد التمديد في الشريط الجانبي أو استخدام اختصار لوحة المفاتيح "السيطرة+التحول+س" (ويندوز) أو "كمد+التحول+س" (ماك).
2. في مربع البحث ، أدخل اسم الامتداد وحدده من قائمة النتائج.
3. انقر فوق الزر تثبيت بجوار الامتداد الموجود.

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

الخطوة: إعداد المعلمات الأساسية لجافا سكريبت

بعد تثبيت وتشغيل كود فيسوال ستوديو ، قبل البدء في العمل مع جافا سكريبت ، تحتاج إلى تكوين بعض إعدادات البيئة لاستخدام ميزات ووظائف اللغة الخاصة بجافا سكريبت.

لتكوين الإعدادات الأساسية لجافا سكريبت ، اتبع الإرشادات أدناه:

1. افتح رمز الاستوديو المرئي وانتقل إلى قائمة ملف.

2. حدد التفضيلات ثم الإعدادات. تفتح نافذة مع إعدادات معلمات المستخدم.

3. في نافذة إعدادات المستخدم ، ابحث عن قسم الإضافات وحدد جافا سكريبت.

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

5. بعد الانتهاء من تكوين إعدادات جافا سكريبت ، احفظ ملف الإعدادات وأغلقه.

الآن قمت بتكوين الإعدادات الأساسية للعمل مع جافا سكريبت في فيسوال ستوديو كود. يمكنك البدء في إنشاء وتحرير ملفات جافا سكريبت باستخدام جميع ميزات بيئة التطوير.

تصحيح جافا سكريبت في فيسوال ستوديو كود

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

تثبيت ملحقات لتصحيح الأخطاء

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

تكوين بدء تشغيل المصحح

لإعداد مصحح جافا سكريبت في فيسوال ستوديو كود ، سوف تحتاج إلى ملف التكوين " إطلاق.جسون". للقيام بذلك ، انتقل إلى علامة التبويب "تشغيل وتصحيح" (رمز "تشغيل الرجل") ، ثم انقر فوق "إنشاء تشغيل".ملف جسون " وحدد التكوين المطلوب لمشروعك.

الوظائف الرئيسية للمصحح

يقدم كود فيسوال ستوديو ميزات تصحيح أخطاء جافا سكريبت الأساسية التالية:

• نقاط التوقف-تسمح لك بإيقاف تنفيذ التعليمات البرمجية في أماكن معينة من أجل فحص حالة البرنامج. يمكنك تعيين نقاط التوقف عن طريق النقر على المسطرة على يسار الكود.
• تجاوز الخطوة-يسمح لك بالتخطي إلى السطر التالي من التعليمات البرمجية دون الدخول إلى الوظيفة المسماة.
• خطوة إلى-يسمح لك للانتقال إلى السطر التالي من التعليمات البرمجية عن طريق الذهاب داخل وظيفة تسمى.
• الخروج — يسمح لك بالعودة من الوظيفة التي تم استدعاؤها إلى رمز الاتصال.
• متابعة-متابعة تنفيذ التعليمات البرمجية إلى نقطة التوقف التالية أو إلى نهاية البرنامج.
• مشاهدة-يسمح لك لتتبع قيم المتغيرات أثناء تنفيذ التعليمات البرمجية.

تكوين التصحيح في المتصفح

لتصحيح جافا سكريبت في المتصفح ، وسوف تحتاج إلى تثبيت وتكوين" المصحح للكروم " التمديد في رمز فيسوال ستوديو. بعد تثبيت الامتداد ، افتح مشروعك في متصفح وانتقل إلى"كروم://فحص". ابحث عن مشروعك في القائمة وانقر على زر "فحص". الآن يمكنك استخدام مصحح جافا سكريبت في فيسوال ستوديو كود لتصحيح التعليمات البرمجية في المتصفح.

لقد استعرضنا ميزات تصحيح جافا سكريبت الرئيسية في كود فيسوال ستوديو. يمكنك استخدام هذه الأدوات لتصحيح شفرة جافا سكريبت بسرعة وكفاءة والعثور على الأخطاء.

الخطوة: تكوين بدء تشغيل المصحح

تكوين المصحح هو جزء مهم من العمل مع جافا سكريبت في فيسوال ستوديو كود. يسمح لك مصحح الأخطاء بتعيين نقاط التوقف وتنفيذ التعليمات البرمجية خطوة بخطوة ومراقبة قيمة المتغيرات أثناء التنفيذ.

من أجل تكوين المصحح لتشغيل ، تحتاج إلى اتباع الخطوات التالية:

1. افتح الملف باستخدام شفرة جافا سكريبت التي تريد تصحيحها في كود فيسوال ستوديو.
2. .
3. .

بعد الانتهاء من هذه الخطوات ، سوف رمز فيسوال ستوديو التبديل إلى وضع التصحيح وسيتم تشغيل التعليمات البرمجية مع نقطة توقف إذا تم تعيينه. سوف تكون قادرا على تنفيذ التعليمات البرمجية خطوة بخطوة ، وعرض قيم المتغيرات وتحليل عملها.

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

وحدد"إنشاء ملف تكوين بدء التشغيل".

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

هذه ليست سوى المعلمات الأساسية التي يمكن تكوينها عند الإطلاق.(جسون). لمزيد من المعلومات حول المعلمات وقيمها ، راجع وثائق كود الاستوديو المرئي.

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

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

سؤال وجواب

كيف يمكنني إعداد كود الاستوديو المرئي للعمل مع جافا سكريبت?

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

كيف أقوم بإعداد إسلينت في كود فيسوال ستوديو?

لتكوين إسلينت في فيسوال ستوديو كود ، تحتاج إلى تثبيت تمديد إسلينت وتكوينه. قم بتثبيت الامتداد من خلال مدير الامتداد وأضف المسار إلى ملف تكوين إسلينت في إعدادات البرنامج. على سبيل المثال ، إذا كان ملف التكوين الخاص بك موجودا في المجلد الجذر للمشروع ويتم استدعاؤه .(إسلينترك).جسون ، إضافة السطر التالي إلى الإعدادات: "إسلينت.خيارات": {"ملف التكوين":"./.(إسلينترك).جسون"}. بعد ذلك ، سوف إسلينت العمل في فيسوال ستوديو كود ، وسوف تكون قادرا على رؤية تسليط الضوء على الأخطاء والتحذيرات في شفرة جافا سكريبت.

كيف أقوم بإعداد تنسيق التعليمات البرمجية التلقائي في كود الاستوديو المرئي?

لإعداد تنسيق التعليمات البرمجية التلقائي في فيسوال ستوديو كود ، تحتاج إلى تثبيت تمديد أجمل وتكوينه. قم بتثبيت الامتداد من خلال مدير الامتداد وأضف السطر التالي إلى إعدادات البرنامج: "المحرر.فورماتونسف": صحيح. بعد ذلك ، في كل مرة تقوم فيها بحفظ ملف ، سيتم تنسيق الرمز تلقائيا وفقا لقواعد أجمل. سيؤدي ذلك إلى تبسيط عملك ومساعدتك في الحفاظ على اتساق نمط الكود في المشروع.