Visual Studio Code
Web IDE
⚡
نماذج
اختر مشروعاً للبدء السريع:
📄
مشروع فارغ (Blank)
🚀
صفحة هبوط عصرية (Landing Page)
🎨
مكتبة أزرار وتأثيرات CSS
📝
تطبيق مهام تفاعلي (To-Do List)
🔢
آلة حاسبة تفاعلية (Calculator)
workspace
>
▶
تشغيل
💻
تعديل الكود
🪄
تنسيق
🤖
مساعد AI
📥
تنزيل ZIP
خروج
🪄
تنسيق الكود
🤖
مساعد الذكاء الاصطناعي
📥
تنزيل المشروع ZIP
🔄
إعادة ضبط المشروع
🚪
الخروج للرئيسية
📁
الملفات (EXPLORER)
✕
PROJECT FILES
$refs.newFileInput?.focus())" class="p-1 rounded hover:bg-[#3c3c3c] text-slate-300 hover:text-white transition-colors flex items-center gap-1 text-[10px]" title="إنشاء ملف جديد" >
ملف +
📄
✓
✕
✕
حفظ تلقائي مفعّل
✕
$refs.newFileInput?.focus())" class="px-2.5 h-full flex items-center text-slate-400 hover:text-white hover:bg-[#2d2d2d] transition-colors border-r border-[#1e1e1e]" title="إضافة ملف جديد" > +
Live Sync Active
جاري تشغيل محرك Visual Studio Code...
رموز:
💻
العودة للكود
💻 Desktop
📟 Tablet
📱 Mobile
معاينة حية
تحديث
نافذة مستقلة
resizeMonaco())" class="p-1 rounded hover:bg-[#333333] text-slate-400 hover:text-white transition-colors" title="إغلاق المعاينة" > ✕
⚡
TERMINAL / CONSOLE
مسح (Clear)
✕
لا توجد مخرجات كونسول حتى الآن... استخدم console.log('مرحباً') لرؤية النتائج هنا.
>
📟
الكونسول ومخرجات JS
مسح
إغلاق ✕
📟
لا توجد رسائل كونسول حتى الآن.
جرّب كتابة console.log('مرحباً') في ملف script.js
>
💻
الكود
▶️
المعاينة
📁
الملفات
📟
الكونسول
🤖
AI
🤖
مساعد البرمجة الذكي (AI Code Assistant)
✕
اطلب من الذكاء الاصطناعي فحص كود الملف الحالي (
) واكتشاف الأخطاء أو كتابة كود جديد:
إرسال للذكاء الاصطناعي 🚀
جاري التحليل... ⏳
إلغاء
💡
تقرير وملاحظات الذكاء الاصطناعي: