🌐 ArabicToHtml لـ VS Code

سنابيتات ثنائية اللغة (عربي/إنجليزي) لـ HTML و CSS و JavaScript داخل VS Code

📋 جدول المحتويات

1️⃣ HTML شامل

2️⃣ CSS واسع

3️⃣ JavaScript عملي

HTML

• صفحة أو html page
• وسم قسم أو tag div
• وسم صورة أو tag img
• وسم رابط أو tag a

CSS

• خاصية لون أو property color
• خاصية قالب أعمدة الشبكة أو property grid-template-columns
• خاصية خط حجم أو property font-size
• متغيرات css أو css vars

JavaScript

• مستمع حدث أو js event listener
• جلب بيانات أو js fetch async
• مرجع جافاسكربت أو javascript quick reference

من VS Code Marketplace

1. افتح VS Code.
2. افتح Extensions.
3. ابحث عن ArabicToHtml.
4. اضغط Install.

عبر VSIX

code --install-extension arabictohtml-0.0.9.vsix

node scripts/generate-snippets.js

ينتج هذا الأمر:

• تحديث ملفات السنابيتات العربية والإنجليزية.
• الحفاظ على ترجمة الـPrefix العربية الموجودة في snippets/snippets.code-snippets.
• تحديث ملفات التوثيق داخل docs/ اعتمادًا على الـPrefix الفعلية.

• MDN HTML Elements: https://developer.mozilla.org/en-US/docs/Web/HTML/Element
• MDN CSS Reference: https://developer.mozilla.org/en-US/docs/Web/CSS/Reference
• MDN JavaScript Reference: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference
• VS Code built-in CSS language data

• الإبلاغ عن مشكلة: https://github.com/almhajer/arabictohtml/issues
• إرسال Pull Request: https://github.com/almhajer/arabictohtml/pulls