تمرين - استخدام Visual Studio Code للويب

  • 2 دقائق

قبل أن تتمكن من البدء في الترميز أثناء التنقل، تحتاج إلى التعرف على Visual Studio Code للويب لأول مرة.

في هذا التمرين، ستستكشف VS Code لواجهة الويب وتتدرب على تثبيت ملحق.

أولا، ستستكشف واجهة VS Code للويب.

  1. في المستعرض، انتقل إلى https://vscode.dev

  2. تبدو التجربة في المستعرض مشابهة لتلك الخاصة ب VS Code Desktop. على سبيل المثال، لديك منطقة المحرر ولوحة الأوامر والعديد من طرق العرض، مثل مستكشف التحكم بالمصادر والملحقات، على الشريط الجانبي. توفر هذه الواجهة تجربة متناسقة عند العمل في المستعرض.

    لقطة شاشة للصفحة المقصودة vscode.dev.

تثبيت ملحق

الآن، يمكنك تخصيص VS Code للويب عن طريق تثبيت ملحق.

  1. على الشريط الجانبي، انقر فوق طريقة عرض الملحقات.

    لقطة شاشة لرمز عرض الملحق في شريط النشاط الخاص ب VS Code.

  2. من هنا، يمكنك مشاهدة الملحقات المثبتة بالفعل، واستعراض الملحقات الأخرى.

  3. حاول تثبيت ملحق نسق GitHub من خلال البحث عن "نسق github"

  4. حدد ملحق نسق GitHub، وانقر فوق "تثبيت".

    لقطة شاشة لملحق نسق GitHub في VS Code، مع تمييز مربع البحث وزر التثبيت.

  5. لاحظ مدى سرعة تثبيت الملحق، كل ذلك داخل متصفحك!

عمل رائع! لقد أكملت التنقل الأولي ل VS Code للويب. على الرغم من أن هذه قد تكون المرة الأولى التي تستعرض فيها https://vscode.dev، يجب أن تبدو مألوفة إذا كنت قد استخدمت VS Code Desktop.

في القسم التالي، ستتعلم كيفية العمل مع المستودعات البعيدة في VS Code للويب.