eslint plugin vue scoped css Download - eslint plugin vue scoped css Source Code Download

eslint plugin vue scoped css

فئات أخرى

v2.9.0

تنزيل

Eslint-plugin-vue-css

Eslint-plugin-vue-css هو المكون الإضافي ESLINT لـ CSS SCOPED في Vue.js.

بناء الحالة

سمات

يوفر هذا المكون الإضافي ESLINT قواعد linting مرتبطة بطرق أفضل لمساعدتك في تجنب المشكلات عند استخدام CSS الناطقة في Vue.js.

يوفر قواعد linting ل CSS الناطقة.
يدعم بناء جملة CSS بما في ذلك محددات المستوى 4.
يدعم <style lang="scss"> .
يدعم <style lang="stylus"> .
تحليلات <style> و <template> و <script> الكتل.

يمكنك التحقق من العرض التوضيحي عبر الإنترنت.

الوثائق

انظر المستندات.

تثبيت

npm install --save-dev eslint eslint-plugin-vue-scoped-css vue-eslint-parser

متطلبات
eslint v6.0.0 وما فوق
node.js v12.22.x ، v14.17.x ، v16.x وما فوق

الاستخدام

تكوين جديد ( `eslint.config.js` )

استخدم ملف eslint.config.js لتكوين القواعد. انظر أيضًا: https://eslint.org/docs/latest/use/configure/configuration-files-new.

مثال eslint.config.js :

 import eslintPluginVueScopedCSS from 'eslint-plugin-vue-scoped-css' ;
export default [
  // add more generic rule sets here, such as:
  // js.configs.recommended,
  ... eslintPluginVueScopedCSS . configs [ 'flat/recommended' ] ,
  {
    rules : {
      // override/add rules settings here, such as:
      // 'vue-scoped-css/no-unused-selector': 'error'
    }
  }
] ;

التكوين القديم ( `.eslintrc` )

استخدم .eslintrc.* ملف لتكوين القواعد. انظر أيضًا: https://eslint.org/docs/latest/use/configure/.

مثال .eslintrc.js :

 module . exports = {
  extends : [
    // add more generic rulesets here, such as:
    // 'eslint:recommended',
    'plugin:vue-scoped-css/vue3-recommended'
  ] ,
  rules : {
    // override/add rules settings here, such as:
    // 'vue-scoped-css/no-unused-selector': 'error'
  }
}

التكوينات

يوفر هذا البرنامج المساعد بعض التكوينات المحددة مسبقًا:

تكوين جديد ( `eslint.config.js` )

*.configs['flat/base'] - الإعدادات والقواعد لتمكين هذا البرنامج المساعد
/base *.configs['flat/recommended']
/base *.configs['flat/vue2-recommended']
*.configs['flat/all'] - يتم تضمين جميع قواعد هذا البرنامج المساعد

التكوين القديم ( `.eslintrc` )

plugin:vue-scoped-css/base VUE-الإعدادات والقواعد لتمكين هذا البرنامج المساعد
plugin:vue-scoped-css/recommended /base ، بالإضافة إلى القواعد لطرق أفضل لمساعدتك على تجنب مشاكل Vue.js 2.x
plugin:vue-scoped-css/vue3-recommended /base ، بالإضافة إلى قواعد لطرق أفضل لمساعدتك على تجنب مشاكل vue.js 3.x
plugin:vue-scoped-css/all

قواعد

يقوم خيار --fix على سطر الأوامر تلقائيًا بإصلاح المشكلات التي أبلغت عنها القواعد التي لها مفتاح وجع؟ أقل.

موصى به لـ Vue.js 3.x

فرض جميع القواعد في هذه الفئة مع:

 export default [
  ... eslintPluginVueScopedCSS . configs [ 'flat/recommended' ] ,
]

أو

{
  "extends" : [ " plugin:vue-scoped-css/vue3-recommended " ]
}

معرف القاعدة	وصف
vue-scoped-css/enforce-style-type	فرض علامات `<style>` ليكون عاديًا أو احصل على `scoped` أو `module` النمطية
vue-scoped-css/no-deprecated-deepinator	عدم السماح باستخدام المدمجات العميقة المهملة	؟
Vue-scoped-CSS/No-Parent-Of-V-Global	عدم السماح المحدد الوالد ل `::v-global`
Vue-scoped-css/no-pars-error	عدم السماح بالأخطاء في التحليل في `<style>`
Vue-scoped-css/no-unused-key-keyframes	عدم السماح `@keyframes` التي لا تستخدم في CSS الناطقة
Vue-scoped-css/no-unused-selector	مختارون عدم السماح المحددة في CSS الناطقة التي لا تستخدم في `<template>`
vue-scoped-css/require-v-deep-argument	طلب أن يتم نقل حجة المحدد إلى `::v-deep()`	؟
vue-scoped-css/require-v-global-argument	تتطلب نقل حجة المحدد إلى `::v-global()`
vue-scoped-css/require-v-slotted-argument	طلب تمرير حجة المحدد إلى `::v-slotted()`

موصى به لـ Vue.js 2.x

فرض جميع القواعد في هذه الفئة مع:

 export default [
  ... eslintPluginVueScopedCSS . configs [ 'flat/vue2-recommended' ] ,
]

أو

{
  "extends" : [ " plugin:vue-scoped-css/recommended " ]
}

معرف القاعدة	وصف
vue-scoped-css/enforce-style-type	فرض علامات `<style>` ليكون عاديًا أو احصل على `scoped` أو `module` النمطية
Vue-scoped-css/no-pars-error	عدم السماح بالأخطاء في التحليل في `<style>`
Vue-scoped-css/no-unused-key-keyframes	عدم السماح `@keyframes` التي لا تستخدم في CSS الناطقة
Vue-scoped-css/no-unused-selector	مختارون عدم السماح المحددة في CSS الناطقة التي لا تستخدم في `<template>`

غير مصنف

لا يوجد مسبق يتيح القواعد في هذه الفئة. يرجى تمكين كل قاعدة إذا كنت تريد.

على سبيل المثال:

{
  "rules" : {
    "vue-scoped-css/no-deprecated-v-enter-v-leave-class" : " error "
  }
}

معرف القاعدة	وصف
Vue-scoped-css/no-deprecated-v-enter-v-leave-class	رفض فصول V-enter و V-Leave.
vue-scoped-css/require-selector-inside-inside	عدم السماح المحددات المحددة التي لا تستخدم داخل `<template>`
Vue-scoped-CSS/V-Deep-Pseudo	فرض `:deep()` / `::v-deep()` نمط	؟
Vue-scoped-CSS/V-Global-Pseudo	Enferce `:global()` / `::v-global()` style	؟
Vue-scoped-CSS/V-slotted-pseudo	إنفاذ `:slotted()` / `::v-slotted()`	؟

تم إهماله

️ سنقوم بإزالة القواعد المهملة في الإصدار الرئيسي التالي. يرجى الترحيل إلى الخلف/القواعد الجديدة.
؟ نحن لا نصلح الأخطاء الموجودة في القواعد التي تم إهمالها حيث لا يوجد لدينا موارد كافية.