فيسوال ستوديو كود (مقابل كود) هي بيئة تطوير التعليمات البرمجية الشعبية التي توفر العديد من الميزات للعمل مع لغات البرمجة المختلفة. تتمثل إحدى هذه الميزات في فتح المتصفح المدمج ، والذي يسمح لك بتصفح الويب مباشرة داخل محرر التعليمات البرمجية.
فتح صفحة في متصفح في رمز فس يمكن أن تكون مفيدة بشكل خاص لمطوري الويب الذين يمكن أن تحقق بسرعة عملهم دون الحاجة إلى التبديل بين المحرر والمتصفح. كما أنه مناسب لاختبار الأنماط المختلفة والتأثيرات المرئية المطبقة على صفحات الويب في الوقت الفعلي.
في هذا الدليل ، سنشرح كيفية فتح صفحة في المتصفح المضمن في رمز مقابل وكيفية تكوينه للعمل مع متصفحات مختلفة.
قبل البدء ، تأكد من تثبيت ملحق" الخادم المباشر " في رمز فس. سيساعدك هذا الامتداد في تشغيل خادم محلي وتحديث الصفحة تلقائيا عند إجراء تغييرات على شفرة المصدر.
- تثبيت وتكوين مقابل رمز
- الخطوة 1: تحميل وتثبيت
- الخطوة 2: الإضافات والإعدادات الافتراضية
- الخطوة 3: فتح الصفحة في المتصفح
- خاتمة
- التحقق من وجود رمز مقابل على الكمبيوتر
- تثبيت مقابل رمز
- فتح صفحة في متصفح في مقابل كود
- تثبيت ملحقات للعمل مع هتمل و كس
- فتح صفحة في متصفح باستخدام ملحق
- استخدام خادم مباشر
- سؤال وجواب
- كيف يمكنني فتح صفحة ويب في متصفح في مقابل كود?
- أي امتداد يجب أن أقوم بتثبيته لفتح صفحة ويب في متصفح في مقابل كود?
- كيف يمكنني فتح صفحة في متصفح في مقابل كود دون تثبيت ملحقات إضافية?
- هل من الممكن فتح صفحة في متصفح في رمز فس إذا كان المشروع على ملقم بعيد?
- كيف يمكنني تغيير المتصفح الذي تفتح الصفحة في رمز فس?
تثبيت وتكوين مقابل رمز
في هذا القسم ، ونحن سوف ننظر في عملية تثبيت وتكوين فيسوال ستوديو كود (فس كود) لإنشاء وتحرير صفحات الويب.
الخطوة 1: تحميل وتثبيت
الخطوة الأولى هي تنزيل وتثبيت رمز مقابل على جهاز الكمبيوتر الخاص بك. للقيام بذلك ، اتبع الخطوات التالية:
- انتقل إلى موقع الويب الرسمي مقابل الكود.
- حدد الإصدار المناسب لنظام التشغيل الخاص بك (ويندوز ، ماك ، لينكس) وتحميل ملف التثبيت.
- قم بتشغيل التثبيت واتبع التعليمات التي تظهر على الشاشة.
الخطوة 2: الإضافات والإعدادات الافتراضية
بعد تثبيت رمز مقابل ، افتح التطبيق واتبع الخطوات التالية:
- تثبيت ملحقات الموصى بها لتطوير هتمل و كس ، على سبيل المثال ، " دعم هتمل كس "و"خادم لايف". للقيام بذلك ، انقر فوق رمز "الامتدادات" على اليسار أو استخدم اختصار لوحة المفاتيح كنترول+ شيفت + س.
- ضبط تفضيلات رمز فس والإعدادات وفقا لتفضيلاتك عن طريق الوصول إلى الإعدادات المتقدمة (ملف > تفضيلات > إعدادات).
الخطوة 3: فتح صفحة في المتصفح
لفتح صفحة هتمل في متصفح باستخدام رمز فس ، اتبع الخطوات التالية:
- افتح المجلد الذي يحتوي على مشروعك أو أنشئ مشروعا جديدا في رمز مقابل.
- إنشاء ملف جديد مع".أتش تي أم أل " التمديد وإضافة رمز أتش تي أم أل الضروري.
- انقر بزر الماوس الأيمن على الملف المفتوح وحدد" فتح باستخدام الخادم المباشر " لفتح الصفحة تلقائيا في المتصفح.
الآن سيتم فتح صفحتك تلقائيا في المتصفح وستتمكن من رؤية نتيجة تطويرك في الوقت الفعلي.
خاتمة
سيسمح لك تثبيت وتكوين الكود مقابل إنشاء صفحات الويب وتحريرها بسهولة. يمكنك تخصيص الأداة لتفضيلاتك واستخدام الإضافات لزيادة كفاءة عملك. افتح الصفحات في المتصفح لرؤية نتائج التغييرات في الوقت الفعلي. حظا سعيدا مع التنمية الخاصة بك!
التحقق من وجود رمز مقابل على الكمبيوتر
قبل فتح صفحة في متصفح في رمز فس ، تأكد من أن لديك محرر كود فيسوال ستوديو (فس كود) مثبتة وتكوينها على جهاز الكمبيوتر الخاص بك. خلاف ذلك ، قم بتثبيته من الموقع الرسمي https://code .visualstudio.com.
للتحقق مما إذا كان رمز فس متاحا على جهاز الكمبيوتر الخاص بك ، اتبع الخطوات التالية:
- فتح قاذفة من نظام التشغيل الخاص بك (على سبيل المثال ، قائمة ابدأ في ويندوز أو أضواء على ماك).
- اكتب "رمز الاستوديو المرئي" في مربع البحث واضغط على إدخال.
- إذا تم تثبيت رمز فس ، سيطلب منك فتحه. إذا لم يكن الأمر كذلك ، فستحتاج إلى تثبيته من الموقع الرسمي ، باتباع التعليمات.
بعد تثبيت رمز فس ، تأكد من أنه يعمل خالية من الأخطاء وجاهزة للاستخدام.
الآن بعد أن قمت بتثبيت والتحقق من توافر رمز فس على جهاز الكمبيوتر الخاص بك ، يمكنك المضي قدما لفتح صفحات في المتصفح في فس كود والتمتع الراحة من التنمية!
تثبيت مقابل رمز
لبدء العمل مع رمز فس ، تحتاج إلى تثبيته على جهاز الكمبيوتر الخاص بك. اتبع الإرشادات أدناه لتثبيت مقابل رمز:
- انتقل إلى موقع الويب الرسمي مقابل الكود.
- حدد قسم التنزيلات.
- انقر على زر تحميل لنظام التشغيل الخاص بك (على سبيل المثال ، ويندوز ، ماك أو لينكس).
- قم بتشغيل ملف التثبيت الذي قمت بتنزيله للتو.
- اتبع تعليمات المثبت. عادة ما يكون مجرد متابعة شاشات الترحيب والنقر على زر" التالي".
- بعد اكتمال التثبيت ، يمكنك تشغيل مقابل التعليمات البرمجية.
الآن لديك رمز فس تثبيت ويمكنك البدء في استخدامه لتطوير صفحات في المتصفح. تأكد من تثبيت متصفح على جهاز الكمبيوتر الخاص بك لفتح وعرض الصفحات التي قمت بإنشائها.
فتح صفحة في متصفح في مقابل كود
القدرة على فتح صفحة في متصفح مباشرة من محرر رمز فس مريحة للغاية ، وخاصة عند تطوير تطبيقات الويب. بفضل هذه الوظيفة ، يمكنك أن ترى على الفور التغييرات التي تجريها على التعليمات البرمجية الخاصة بك مباشرة في المتصفح ، دون الحاجة إلى إعادة تحميل الصفحة يدويا.
هناك عدة طرق لفتح صفحة في متصفح في مقابل كود:
استخدام ملحق الخادم المباشر: من أكثر الطرق شيوعا استخدام ملحق الخادم المباشر ، والذي يوفر طريقة ملائمة لبدء خادم محلي وفتح صفحة في المتصفح. بعد تثبيت التمديد ، فقط انقر على زر "الذهاب لايف" في اللوحة السفلية من رمز فس ، وسيتم فتح صفحتك تلقائيا في المتصفح في http://localhost:5500 .
باستخدام الأمر "فتح باستخدام الخادم المباشر" : إذا كنت تفضل استخدام المدمج في أوامر رمز فس ، يمكنك فتح لوحة الأوامر عن طريق الضغط على اختصار لوحة المفاتيح "السيطرة+ التحول + ص" (أو "كمد + التحول + ص" على ماك) ، اكتب "فتح مع خادم لايف" واضغط على إنتر. سيؤدي هذا تلقائيا إلى بدء تشغيل الخادم المحلي وفتح صفحتك في المتصفح.
باستخدام الأمر "فتح في المتصفح الافتراضي" : هناك طريقة أخرى وهي استخدام الأمر "فتح في المتصفح الافتراضي" ، والذي يفتح صفحتك في المتصفح الافتراضي. لاستخدام هذا الأمر ، يمكنك الضغط على تركيبة المفاتيح "البديل + ب" (أو "الخيار + ب"على ماك) ، أو فتح قائمة السياق مع زر الفأرة الأيمن وحدد "فتح في المتصفح الافتراضي".
نتيجة للطريقة المحددة ، يجب فتح صفحتك في المتصفح. الآن يمكنك ان ترى نتائج عملك في الوقت الحقيقي ، وإجراء تغييرات على التعليمات البرمجية للتحقق بسرعة تأثيرها.
بغض النظر عن الطريقة التي تختارها لفتح الصفحة في المتصفح ، تذكر أن هذه أداة ملائمة لتسريع سير عملك وتسهيل العمل مع تطبيقات الويب. جرب طرقا مختلفة واختر الطريقة الأكثر ملاءمة لك.
تثبيت ملحقات للعمل مع هتمل و كس
للعمل مع هتمل و كس ، فيسوال ستوديو كود تثبيت الملحقات المناسبة التي تبسيط وتسريع عملية تطوير صفحات الويب. فيما يلي بعض الإضافات الشائعة:
دعم هتمل كس هو امتداد يوفر الدعم لاستكمال رمز كس ل هتمل. انها تسمح لك بسرعة العثور على خصائص كس ، والطبقات ، ومعرفات ، مما يحسن بشكل كبير الإنتاجية وسهولة كتابة التعليمات البرمجية.
علامة إعادة التسمية التلقائية هي امتداد يعيد تسمية علامات هتمل الختامية تلقائيا عندما يعيد المستخدم تسمية علامة الفتح. هذا يمنع الأخطاء المحتملة المتعلقة بعدم تطابق العلامة ويبسط تحرير كود هتمل.
تسليط الضوء على اللون هو امتداد يسلط الضوء على قيم اللون (على سبيل المثال ، #فف0000) في كس وفي الملفات الأخرى حيث يتم استخدام الألوان. يساعد ذلك في تحديد الألوان وعرضها بصريا بسرعة في الكود ، مما يسهل العمل مع التصميم.
الخادم المباشر هو امتداد يسمح لك ببدء خادم محلي ويفتح تلقائيا صفحة ويب في المتصفح للمعاينة. يعد هذا مفيدا جدا أثناء التطوير ، حيث يتم عرض التغييرات على الصفحة تلقائيا في المتصفح دون الحاجة إلى إعادة تحميل الصفحة يدويا.
تعمل هذه الإضافات على تحسين عملية تطوير صفحة الويب بشكل كبير وتبسيط العمل مع هتمل و كس في كود فيسوال ستوديو. أنها توفر وظائف إضافية تساعد على زيادة إنتاجية وكفاءة المطور.
فتح صفحة في متصفح باستخدام ملحق
في فيسوال ستوديو كود ، يمكنك فتح صفحة في متصفح باستخدام ملحقات ، والذي يسمح لك لعرض رمز الويب الخاص بك على الفور.
هناك العديد من الإضافات لفتح صفحة في المتصفح ، ولكن أكثرها شيوعا هو "الخادم المباشر". إنه امتداد مجاني وسهل الاستخدام يسمح لك ببدء تشغيل خادم محلي على الفور وفتح صفحة في المتصفح.
لتثبيت ملحق "الخادم المباشر" ، اتبع هذه الخطوات البسيطة:
- افتح كود الاستوديو المرئي
- انقر على أيقونة "الإضافات" في اللوحة اليسرى أو استخدم الأمر" السيطرة + التحول + س"
- أدخل "الخادم المباشر" في مربع البحث
- ابحث عن ملحق "الخادم المباشر "من"ريتويك داي"
- وانقر على زر" تثبيت " لتثبيت الامتداد
بعد تثبيت ملحق "الخادم المباشر" ، يمكنك فتح مجلد أو ملف في رمز فيسوال ستوديو ، ثم تنفيذ العمليات التالية:
- انقر بزر الماوس الأيمن على ملف هتمل أو انقر بزر الماوس الأيمن على المجلد حيث يوجد ملف هتمل الخاص بك وحدد "فتح مع خادم لايف"
- بعد ذلك ، سيتم فتح الصفحة تلقائيا في المتصفح الافتراضي
- في كل مرة تقوم فيها بإجراء تغييرات على شفرة هتمل الخاصة بك وحفظ ملف ، يتم تحديث الصفحة في المتصفح تلقائيا
بهذه الطريقة يمكنك تصفح صفحة الويب الخاصة بك بسرعة وسهولة دون الحاجة إلى تحديث متصفحك يدويا.
بالإضافة إلى" الخادم المباشر " ، هناك ملحقات أخرى تسمح لك بفتح الصفحات في المتصفح ، على سبيل المثال ، "معاينة المتصفح". لكن" الخادم المباشر " هو الامتداد الأكثر شيوعا مع الكثير من المستخدمين والوظائف الممتازة لعرض رمز الويب بسرعة.
استخدام خادم مباشر
خادم لايف هو امتداد لمحرر كود فيسوال ستوديو الذي يسمح لك لتشغيل وعرض صفحات هتمل في متصفح على جهاز الكمبيوتر المحلي في الوقت الحقيقي.
لاستخدام خادم مباشر ، تحتاج إلى اتباع الخطوات التالية:
- قم بتثبيت ملحق الخادم المباشر في رمز الاستوديو المرئي. للقيام بذلك ، افتح قسم "الإضافات" في الشريط الجانبي الأيسر ، واكتب "خادم مباشر" في مربع البحث وانقر فوق الزر "تثبيت".
- افتح ملف هتمل الذي تريد فتحه في المتصفح في محرر كود فيسوال ستوديو.
- انقر بزر الماوس الأيمن داخل الملف وحدد" فتح باستخدام الخادم المباشر " من قائمة السياق.
بعد الانتهاء من هذه الخطوات ، سيفتح الخادم المباشر تلقائيا ملف هتمل المحدد في المتصفح الافتراضي. إذا قمت بإجراء تغييرات على ملف هتمل وحفظته ، سيقوم الخادم المباشر تلقائيا بتحديث الصفحة في المتصفح لعرض أحدث التغييرات.
يوفر الخادم المباشر أيضا وظائف مثل التحديث التلقائي للصفحة عند الحفظ ، وعرض تغييرات كس في الوقت الفعلي ، ومزامنة التمرير بين المحرر والمتصفح ، وميزات أخرى مفيدة.
| المفتاح | الوصف |
|---|---|
| بديل + ل | افتح متصفحا باستخدام خادم مباشر. |
| بديل + س | افتح متصفحا بدون استخدام خادم مباشر. |
| السيطرة + بديل + ل | أوقف الخادم المباشر. |
يؤدي استخدام خادم مباشر إلى تبسيط تطوير صفحات الويب بشكل كبير ويسمح لك بمشاهدة نتائج التغييرات التي تم إجراؤها على الفور دون الحاجة إلى تحديث الصفحة يدويا في المتصفح.
سؤال وجواب
كيف يمكنني فتح صفحة ويب في متصفح في مقابل كود?
لفتح صفحة ويب في متصفح في رمز فس ، تحتاج إلى تثبيت ملحق" الخادم المباشر " وتشغيله في مجلد المشروع. ثم يمكنك فتح الصفحة بالنقر بزر الماوس الأيمن على الملف بالملحق.أتش تي أم أل وعن طريق تحديد الأمر" فتح باستخدام الخادم المباشر".
أي امتداد يجب أن أقوم بتثبيته لفتح صفحة ويب في متصفح في مقابل كود?
لفتح صفحة ويب في متصفح في رمز فس ، تحتاج إلى تثبيت ملحق" الخادم المباشر". يسمح لك ببدء خادم محلي ويفتح صفحة ويب تلقائيا في المتصفح في كل مرة يتم فيها تغيير الملفات.
كيف يمكنني فتح صفحة في متصفح في مقابل كود دون تثبيت ملحقات إضافية?
في رمز فس ، يمكنك فتح صفحة في متصفح دون تثبيت ملحقات إضافية باستخدام الأمر" فتح في المتصفح الافتراضي". للقيام بذلك ، اضغط على السيطرة+التحول+ص (أو كمد+التحول+ص على ماك) ، اكتب "فتح في المتصفح الافتراضي" وحدد الأمر المناسب.
هل من الممكن فتح صفحة في متصفح في رمز فس إذا كان المشروع على ملقم بعيد?
نعم ، يمكنك فتح الصفحة في المتصفح في رمز فس إذا كان المشروع موجودا على خادم بعيد. للقيام بذلك ، قم بتثبيت ملحق "التطوير عن بعد" والاتصال بالخادم البعيد. ثم يمكنك استخدام ملحق" الخادم المباشر "أو الأمر" فتح في المتصفح الافتراضي " لفتح الصفحة في المتصفح.
كيف يمكنني تغيير المتصفح الذي تفتح الصفحة في رمز فس?
لتغيير المتصفح الذي تفتح فيه الصفحة في رمز فس ، تحتاج إلى تثبيت ملحق معاينة المتصفح وتكوينه. بعد تثبيت الامتداد ، يمكنك تحديد المتصفح المطلوب من القائمة المتوفرة في قائمة "معاينة المتصفح" أو استخدام أمر "معاينة المتصفح: فتح المعاينة" لفتح الصفحة في المتصفح الحالي.