الرئيسيةبيئة اختبارمعرض الأعمالتطبيقوثيقةمدونة
    • Englishالإنجليزية
      EN
    • русскийالروسية
      RU
    • 日本語اليابانية
      JA
    • françaisالفرنسية
      FR
    • 한국어الكورية
      KO
    • 中文الصينية
      ZH
    • españolالإسبانية
      ES
    • Deutschالألمانية
      DE
    • العربيةالعربية
      AR
    • italianoالإيطالية
      IT
    • British Englishالإنجليزية (المملكة المتحدة)
      EN-GB
    • portuguêsالبرتغالية
      PT
    • हिन्दीالهندية
      HI
    • Türkçeالتركية
      TR
    • polskiالبولندية
      PL
    • Indonesiaالإندونيسية
      ID
    • Tiếng Việtالفيتنامية
      VI
    • українськаالأوكرانية
      UK
    /
    تصفية المستندات حسب الإطار
    Alt+←
    لماذا Intlayer؟
    ابدأ
    مفهوم
    • كيف يعمل Intlayer
    • التكوين
    • TestFillBuildWatchExtractLoginPushPullConfigurationListVersionEditorLiveDebugDoc ReviewDoc TranslateSDK
    • المحرر المرئي
    • CMS
    • تكامل CI/CD
    • ترجمةجمعتعدادشرطجنسإدراجملفتداخلMarkdownHTMLجلب الوظيفة
    • ملف لكل لغة
    • محرر
    • الملء التلقائي
    • اختبار
    • تحسين الحزمة
    بيئة
    • Next.js 14 وموجه التطبيق
      Next.js 15
      Next.js بدون locale URL
      Next.js وموجه الصفحة
      المترجم
    • Tanstack Start Solid
    • Astro و React
      Astro و Svelte
      Astro و Vue
      Astro و Solid
      Astro و Preact
      Astro و Lit
      Astro و Vanilla JS
    • React Router v7
      React Router v7 (fs-routes)
      Compiler
    • Nuxt و Vue
    • Vite و Solid
    • SvelteKit
    • Vite و Preact
    • Vite و Vanilla JS
    • Vite و Lit
    • Angular 19 (Webpack)
      Analog
    • React CRA
    • React Native و Expo
    • Express.js
      NestJS
      Fastify
      Hono
      Adonis
    • Lynx و React
    Plugins
    • JSON
    • gettext (.po)
    امتداد VS Code
    وكيل
    • خادم MCP
    • مهارات الوكيل
    إصدارات
    • v8
    • v7
    • v6
    مؤشر أداء
    • Next.js
    • TanStack
    • Vue
    • Solid
    • Svelte
    مدونة
    طرح سؤال
    1. Documentation
    2. امتداد VS Code
    إنشاء:2025-03-17آخر تحديث:2025-09-30
    استخدم هذه الصفحة والموفر AI الذي تريده
    ChatGPT
    Claude
    DeepSeek
    Google AI mode
    Gemini
    Perplexity
    Mistral
    Grok

    استخدم مساعدك المفضل للملخص واستخدم هذه الصفحة والموفر AI الذي تريده

    تاريخ الإصدارات

    1. "إضافة صورة متحركة توضيحية"
      v6.1.530‏/9‏/2025
    2. "إضافة قسم اختيار البيئة"
      v6.1.024‏/9‏/2025
    3. "تبويب Intlayer / أوامر التعبئة والاختبار"
      v6.0.022‏/9‏/2025
    4. "بدء السجل"
      v5.5.1029‏/6‏/2025

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

    اعرض آخر نسخة المحتوى الأصلي باللغة الإنكليزية
    تعديل هذه الوثيقة

    إذا كان لديك فكرة لتحسين هذه الوثيقة، فلا تتردد في المساهمة من خلال تقديم طلب سحب على GitHub.

    رابط GitHub للتوثيق
    نسخ

    نسخ الـ Markdown من المستند إلى الحافظة

    ملحق VS Code الرسمي

    نظرة عامة

    Intlayer هو الملحق الرسمي لـ Visual Studio Code الخاص بـ Intlayer، مصمم لتحسين تجربة المطور عند العمل مع المحتوى المحلي في مشاريعك.

    ملحق Intlayer لـ VS Code

    رابط الملحق: https://marketplace.visualstudio.com/items?itemName=Intlayer.intlayer-vs-code-extension

    الميزات

    استخراج المحتوى

    • استخراج المحتوى – استخرج المحتوى من مكونات React / Vue / Svelte الخاصة بك

    ملء القواميس

    • التنقل الفوري – القفز بسرعة إلى ملف المحتوى الصحيح عند النقر على مفتاح useIntlayer.
    • ملء القواميس – ملء القواميس بالمحتوى من مشروعك.

    قائمة الأوامر

    • الوصول السهل إلى أوامر Intlayer – بناء، دفع، سحب، ملء، اختبار قواميس المحتوى بسهولة.

    إنشاء ملف محتوى

    • مولد إعلان المحتوى – إنشاء ملفات محتوى القاموس بصيغ مختلفة (.ts, .esm, .cjs, .json).

    اختبار القواميس

    • اختبار القواميس – اختبار القواميس للترجمات المفقودة.

    إعادة بناء القاموس

    • حافظ على تحديث قواميسك – حافظ على تحديث قواميسك بأحدث المحتويات من مشروعك.

    علامة تبويب Intlayer (شريط النشاط)

    • علامة تبويب Intlayer (شريط النشاط) – تصفح وابحث في القواميس من علامة تبويب جانبية مخصصة مع شريط أدوات وإجراءات سياقية (بناء، سحب، دفع، ملء، تحديث، اختبار، إنشاء ملف).

    الاستخدام

    التنقل السريع

    1. افتح مشروعًا يستخدم react-intlayer.
    2. حدد موقع استدعاء useIntlayer()، مثل:

      tsx
      نسخ الكود

      نسخ الكود إلى الحافظة

      const content = useIntlayer("app");
    3. انقر مع الضغط على الأمر (⌘+Click على macOS) أو Ctrl+Click (على Windows/Linux) على المفتاح (مثل "app").
    4. سيقوم VS Code بفتح ملف القاموس المقابل تلقائيًا، مثل src/app.content.ts.

    علامة تبويب Intlayer (شريط النشاط)

    استخدم علامة التبويب الجانبية لتصفح وإدارة القواميس:

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

    الوصول إلى الأوامر

    يمكنك الوصول إلى الأوامر من لوحة الأوامر.

    sh
    نسخ الكود

    نسخ الكود إلى الحافظة

    Cmd + Shift + P (macOS) / Ctrl + Shift + P (Windows/Linux)
    • بناء القواميس
    • دفع القواميس
    • سحب القواميس
    • ملء القواميس
    • اختبار القواميس
    • إنشاء ملف قاموس

    تحميل متغيرات البيئة

    توصي Intlayer بتخزين مفاتيح API الخاصة بالذكاء الاصطناعي، بالإضافة إلى معرف العميل وسرية Intlayer في متغيرات البيئة.

    يمكن للإضافة تحميل متغيرات البيئة من مساحة العمل الخاصة بك لتشغيل أوامر Intlayer بالسياق الصحيح.

    • ترتيب التحميل (حسب الأولوية): .env.<env>.local → .env.<env> → .env.local → .env
    • غير مدمر: لا يتم تجاوز قيم process.env الموجودة.
    • النطاق: يتم حل الملفات من الدليل الأساسي المُكوَّن (افتراضيًا جذر مساحة العمل).

    اختيار البيئة النشطة

    • لوحة الأوامر: افتح اللوحة وقم بتشغيل الأمر Intlayer: Select Environment، ثم اختر البيئة (مثلًا، development، staging، production). ستحاول الإضافة تحميل أول ملف متاح في قائمة الأولويات أعلاه وستعرض إشعارًا مثل "تم تحميل البيئة من .env.<env>.local".
    • الإعدادات: اذهب إلى Settings → Extensions → Intlayer، وقم بتعيين:
      • البيئة: اسم البيئة المستخدمة لحل ملفات .env.<env>*.
      • (اختياري) ملف البيئة: مسار صريح لملف .env. عند توفيره، يكون له الأولوية على القائمة المستنتجة.

    المستودعات الأحادية والمجلدات المخصصة

    إذا كانت ملفات .env الخاصة بك موجودة خارج جذر مساحة العمل، فقم بتعيين الدليل الأساسي في الإعدادات → الإضافات → Intlayer. سيبحث المحمل عن ملفات .env نسبةً إلى ذلك الدليل.

    gettext (.po)
    خادم MCP
    Alt+→

    في هذه الصفحة

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

      const content = useIntlayer("app");
      Cmd + Shift + P (macOS) / Ctrl + Shift + P (Windows/Linux)