vscode element helper

VSCode-Element-Helper

VSCode-Element-Helper هو امتداد VS Code لـ Element-UI. إذا كنت تستخدم محرر ATOM، فيرجى الانتقال إلى إصدار ATOM

Element-UI هي مكتبة رائعة. المزيد والمزيد من المشاريع تستخدمه. لذلك، لمساعدة المطورين على الكتابة بشكل أكثر كفاءة من خلال Element-UI، تم إنشاء VSCode-Element-Helper.

ميزة

• وثيقة

• الإكمال التلقائي

  دعم لغة vue وhtml وjade/pug

• مقتطفات

وثيقة

الاستخدام

1 - انقل المؤشر إلى علامة Element-UI أو حدده

2 - اضغط على مفتاح التشغيل السريع الافتراضي ctrl + cmd + z (windows: ctrl + win + z ) أو اضغط على ⇧⌘P لإظهار لوحة الأوامر ثم أدخل element-helper.search

3 - إظهار عرض المستند في حالة المطابقة الكاملة، أو يجب عليك تحديد العلامة التي تريد البحث عنها

4 - أدخل وقم بتشغيل متصفح المستندات

الإصدار والاقتباسات وحجم المسافة البادئة وتبديل اللغة

1 - أدخل Preferences -> setting أو الاختصار cmd + ,

2 - تعديل اللغة أو الإصدار أو حجم المسافة البادئة

  "element-helper.language" : "zh-CN" ,
  "element-helper.version" : "1.3" ,
  "element-helper.indent-size" : 2 ,
  "element-helper.quotes" : "double" ,    // html vue qoutes
  "element-helper.pug-quotes" : "single" // jade/pug quotes

آلية التحديث التلقائي

الوثيقة غير متصلة بالإنترنت وتتم مزامنتها تلقائيًا مع الموقع الرسمي لـ Element-UI.

خريطة المفاتيح

المفتاح السريع الافتراضي هو ctrl + cmd + z ( windows: ctrl + win + z ). إذا كان يتعارض مع مفتاح التشغيل السريع للبرامج الأخرى. يمكنك تخصيصه. انظر روابط المفاتيح

الإكمال التلقائي

• تمييز خاصية وطريقة الإكمال التلقائي لكل علامة Element-UI

• قيمة موجهة عندما تكون القيمة من نوع خاص مثل Boolean أو ICON.

مقتطفات

قائمة مقتطفات الدعم:

• msg

   this.$message({
    message: '',
    type: ''
  })
  

• alert

   this.$alert('', '', {
    confirmButtonText: '',
    callback: () => {}
  });
  

• confirm

   this.$confirm('', '', {
    confirmButtonText: '',
    cancelButtonText: '',
    type: ''
  }).then(() => {})
    .catch(() => {});
  

• prompt

   this.$prompt('', '', {
    confirmButtonText: '',
    cancelButtonText: '',
    inputPattern: //,
    inputErrorMessage: ''
  }).then(({ value }) => {})
    .catch(() => {});
  

• msgb

   this.$msgbox({
    title: '',
    message: '',
    showCancelButton: '',
    confirmButtonText: '',
    cancelButtonText: '',
    beforeClose: (action, instance, done) => {}
  }).then(action => {});
  

• notify

   this.$notify({
    title: '',
    message: ''
  });
  

مساهمة

طلب السحب الخاص بك سيجعل VSCode-Element-Helper أفضل.

رخصة

معهد ماساتشوستس للتكنولوجيا