اذهب إلى المحتوى
  • 0

الاقتراحات الخاصة بلغة html في Visual Studio Code

Hisham Al Amodi

السؤال

ليش لما اكتب اي وسم ب لغة html ما يطلع لي في مربع المساعدة 

يعني مثلا لو كنت ابغا اكتب <input>

وكتبت in> فقط المفترض انو تطلع لي باقي تكملة الكلمه في الخانة الزرقاء الي انا مأشر عليها بالماوس ... لكن انا ما يطلع عندي ليه؟

يارب فهمتو سؤالي (:

‏‏لقطة الشاشة (12).png

رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

  • 0
بتاريخ 18 دقائق مضت قال Hisham:

قمت بحذف vscode و أعادة تثبيته لكن لم تحل المشكل

حسنا جرب الخطوات التالية :

1.thumb.png.8be5c970fb1debb450b0c7abf8e2a489.png

ثم ابحث عن الخاصية : 

"emmet.showSuggestionsAsSnippets": true,

في حال لم تجدها قم بإضافتها وكذلك قم بإضافة الخواص:

"emmet.triggerExpansionOnTab": true,
"files.associations": {"*.html": "html"},
"emmet.useInlineCompletions": true,

ملاحطة قد يكون الإعداد : files.associations موجود مسبقاً في الملف فعند ذلك قم بإضافة الاعداد بالشكل التالي :

// في حال كان بالشكل التالي 
"files.associations": {
  "*.sass": "scss"   
},
// نجعله كالشكل التالي 
"files.associations": {
  "*.sass": "scss",
  "*.html": "html"
},

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0

في البداية هذه الاقتراحات و المسماة emmet مبنية في الـ vs ويجب ان تكون متوفرة معه عند تنزيله بشكل افتراضي.

وحتى تستدعيها تحتاج لكتابة الاسم input مندون كتابة الـ > في البداية، لاحظ الصورة :

1.png.6db33634a7454e0c710ea34bd0e4246f.png

في حال لم يعمل الامر معك رغم الكتابة بشكل صحيح، فقد يكون اعادة تشغيل المشروع كفيل بحل المشكلة.

في حال لم يعمل بعد كل ذلك، انصحك بإعادة تنزيل الـ vs مرة ثانية على جهازك.

إعرف أكثر عن الـ emmet في vs

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0
بتاريخ 42 دقائق مضت قال عمر قره محمد:

في البداية هذه الاقتراحات و المسماة emmet مبنية في الـ vs ويجب ان تكون متوفرة معه عند تنزيله بشكل افتراضي.

وحتى تستدعيها تحتاج لكتابة الاسم input مندون كتابة الـ > في البداية، لاحظ الصورة :

1.png.6db33634a7454e0c710ea34bd0e4246f.png

في حال لم يعمل الامر معك رغم الكتابة بشكل صحيح، فقد يكون اعادة تشغيل المشروع كفيل بحل المشكلة.

في حال لم يعمل بعد كل ذلك، انصحك بإعادة تنزيل الـ vs مرة ثانية على جهازك.

إعرف أكثر عن الـ emmet في vs

قمت بحذف vscode و أعادة تثبيته لكن لم تحل المشكلة

ملاحضة : اقتراحات المساعدة emmet تطلع لي لما اشتغل في ملف html مستقل 

لكن ما تشتغل لما يكون ملف ال html موجود داخل ملفات django

‏‏لقطة الشاشة (13).png

تم التعديل في بواسطة Hisham
اضافة ملاحضة
رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0
بتاريخ 36 دقائق مضت قال عمر قره محمد:

حسنا جرب الخطوات التالية :

1.thumb.png.8be5c970fb1debb450b0c7abf8e2a489.png

ثم ابحث عن الخاصية : 


"emmet.showSuggestionsAsSnippets": true,

في حال لم تجدها قم بإضافتها وكذلك قم بإضافة الخواص:


"emmet.triggerExpansionOnTab": true,
"files.associations": {"*.html": "html"},
"emmet.useInlineCompletions": true,

ملاحطة قد يكون الإعداد : files.associations موجود مسبقاً في الملف فعند ذلك قم بإضافة الاعداد بالشكل التالي :


// في حال كان بالشكل التالي 
"files.associations": {
  "*.sass": "scss"   
},
// نجعله كالشكل التالي 
"files.associations": {
  "*.sass": "scss",
  "*.html": "html"
},

 

دخلت الاعدادات ودخلت ملف json وهذا الي كان فيه:

{
    "python.defaultInterpreterPath": "C:\\Users\\Samsung\\AppData\\Local\\Microsoft\\WindowsApps\\python3.9.exe",
    "editor.fontSize": 16,
    "files.autoSave": "afterDelay",
    "window.zoomLevel": -1,
    "files.associations": {
        "*.html": "django-html"
    },
    "[django-html]": {

        "editor.quickSuggestions": {
            "other": true,
            "comments": true,
            "strings": true
        }
    },
    "html.format.contentUnformatted": ""
}

ايش الي اعدل فيه ؟

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0

@Hisham

قم بحذف محتواه واضافة التالي :


{
    "python.defaultInterpreterPath": "C:\\Users\\Samsung\\AppData\\Local\\Microsoft\\WindowsApps\\python3.9.exe",
    "editor.fontSize": 16,
    "files.autoSave": "afterDelay",
    "window.zoomLevel": -1,
    "files.associations": {
        "*.html": "html"
    },
    "emmet.triggerExpansionOnTab": true,
    "emmet.useInlineCompletions": true,
    "emmet.includeLanguages": {
        "django-html": "html",
        "jinja-html": "html"
    },
    "[django-html]": {
        "editor.quickSuggestions": {
            "other": true,
            "comments": true,
            "strings": true
        }
    },
    "html.format.contentUnformatted": ""
}

اظن ان المشكلة قد تكون من اضافة تتعلق بالـ django حيث ان الاعدادات غير صحيحة.

يجب ان تكون هذه الاعدادات كافية.

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0
بتاريخ 6 دقائق مضت قال عمر قره محمد:

@Hisham

قم بحذف محتواه واضافة التالي :



{
    "python.defaultInterpreterPath": "C:\\Users\\Samsung\\AppData\\Local\\Microsoft\\WindowsApps\\python3.9.exe",
    "editor.fontSize": 16,
    "files.autoSave": "afterDelay",
    "window.zoomLevel": -1,
    "files.associations": {
        "*.html": "html"
    },
    "emmet.triggerExpansionOnTab": true,
    "emmet.useInlineCompletions": true,
    "emmet.includeLanguages": {
        "django-html": "html",
        "jinja-html": "html"
    },
    "[django-html]": {
        "editor.quickSuggestions": {
            "other": true,
            "comments": true,
            "strings": true
        }
    },
    "html.format.contentUnformatted": ""
}

اظن ان المشكلة قد تكون من اضافة تتعلق بالـ django حيث ان الاعدادات غير صحيحة.

يجب ان تكون هذه الاعدادات كافية.

شكرا جدا جدا لقد نجح الامر

رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...