📋 محتويات الصفحة
📖 الوصف
Auto Import هي إضافة لـ VS Code تبحث تلقائياً عن الرموز (functions, components, types) الموجودة في المشروع وتضيف import statements تلقائياً. توفر اختصارات سريعة لإضافة الاستيراد.
🎯 يستخدم في
مجالات استخدام هذه الأداة
إضافة import statements تلقائياً
البحث عن الرموز في المشروع
توفير الوقت في الكتابة
TypeScript autocompletion
React component imports
استيراد الأنواع والواجهات
✨ المميزات
أبرز مميزات هذه الأداة
بحث تلقائي في جميع الملفات
اقتراحات عند كتابة الرمز
Insert import بضغطة زر أو Tab
دعم TypeScript و JavaScript
دعم Vue
Svelte
JSX
TSX
يدعم workspaces متعددة
تحديث تلقائي عند نقل الملف
دعم Path Aliases (tsconfig paths)
⚠️ العيوب
نقاط يجب مراعاتها
قد يقترح استيرادات خاطئة
بطيء في المشاريع الكبيرة جداً
TypeScript الأصلي يفعل هذا بالفعل
قد يتطلب تكوين إضافي
💻 مثال على الاستخدام
كيفية استخدام هذه الأداة
// .vscode/settings.json
{
"autoimport.filesToScan": "**/*.{ts,tsx,js,jsx,vue,svelte}",
"autoimport.showNotifications": true,
"autoimport.space": true,
"autoimport.doubleQuotes": false,
"autoimport.semicolon": true,
"autoimport.usePathAlias": true
}📚 أدوات أخرى في Extensions
قد يعجبك أيضاً
Bracket Pair Colorizer
⭐إضافة VS Code لتلوين الأقواس
Color Picker
إضافة VS Code لاختيار الألوان
CSS Modules
⭐إضافة VS Code لدعم CSS Modules
Error Lens
⭐إضافة VS Code لعرض الأخطاء في السطر (Inline Diagnostics)
ESLint
⭐إضافة VS Code للتحقق من جودة الكود
ESLint Extension
⭐إضافة VS Code للتحقق من جودة الكود (Code Linting)