eslint plugin vue scoped css Download - eslint plugin vue scoped css Sumber Code Unduh

eslint plugin vue scoped css

Kategori lainnya

v2.9.0

Unduh

ESLINT-PLUGIN-VUE-SCOPED-CSS

ESLINT-PLUGIN-VUE-SCOPED-CSS adalah plugin ESLINT untuk CSS SCOPED di VUE.JS.

Bangun status

Fitur

Plugin Eslint ini memberikan aturan serat terkait dengan cara yang lebih baik untuk membantu Anda menghindari masalah saat menggunakan CSS di Vue.Js.

Memberikan aturan sering untuk CSS yang dilingkupi.
Mendukung sintaks CSS termasuk pemilih level 4.
Mendukung <style lang="scss"> .
Mendukung <style lang="stylus"> .
Parse <style> , <template> dan <script> blok.

Anda dapat memeriksa demo online.

Dokumentasi

Lihat dokumen.

Instalasi

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

Persyaratan
Eslint v6.0.0 dan di atas
Node.js v12.22.x, v14.17.x, v16.x dan di atas

Penggunaan

Konfigurasi Baru ( `eslint.config.js` )

Gunakan file eslint.config.js untuk mengonfigurasi aturan. Lihat juga: https://eslint.org/docs/latest/use/configure/configuration-files-new.

Contoh 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'
    }
  }
] ;

Konfigurasi Legacy ( `.eslintrc` )

Gunakan .eslintrc.* File untuk mengonfigurasi aturan. Lihat juga: https://eslint.org/docs/latest/use/configure/.

Contoh .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'
  }
}

Konfigurasi

Plugin ini menyediakan beberapa konfigurasi yang telah ditentukan:

Konfigurasi Baru ( `eslint.config.js` )

*.configs['flat/base'] - Pengaturan dan aturan untuk mengaktifkan plugin ini
*.configs['flat/recommended'] - /base , ditambah aturan untuk cara yang lebih baik untuk membantu Anda menghindari masalah untuk vue.js 3.x
*.configs['flat/vue2-recommended'] - /base , ditambah aturan untuk cara yang lebih baik untuk membantu Anda menghindari masalah untuk vue.js 2.x
*.configs['flat/all'] - semua aturan plugin ini disertakan

Konfigurasi Legacy ( `.eslintrc` )

plugin:vue-scoped-css/base -Pengaturan dan aturan untuk mengaktifkan plugin ini
plugin:vue-scoped-css/recommended /base , ditambah aturan untuk cara yang lebih baik untuk membantu Anda menghindari masalah untuk vue.js 2.x
plugin:vue-scoped-css/vue3-recommended /base , ditambah aturan untuk cara yang lebih baik untuk membantu Anda menghindari masalah untuk vue.js 3.x
plugin:vue-scoped-css/all -semua aturan plugin ini disertakan

Aturan

Opsi --fix pada baris perintah secara otomatis memperbaiki masalah yang dilaporkan oleh aturan yang memiliki kunci pas? di bawah.

Direkomendasikan untuk vue.js 3.x

Menegakkan semua aturan dalam kategori ini dengan:

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

atau

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

ID peraturan	Keterangan
tipe vue-scoped-css/-meforce-style	Menegakkan tag `<style>` agar jelas atau memiliki atribut `scoped` atau `module`
VUE-SCOPED-CSS/NO-DEP-DEEP-Combinator	Larang menggunakan kombinator dalam yang sudah usang	?
VUE-SCOPED-CSS/NO-PARENT-OF-V-GLOBAL	Larang Pemilih Orangtua Untuk `::v-global` Pseudo-Element
VUE-SCOPED-CSS/NO-PARSING-ERROR	melarang kesalahan parsing dalam `<style>`
vue-scoped-css/no-no-used-keyframe	Larang `@keyframes` yang tidak digunakan dalam css yang dilingkupkan
VUE-SCOPED-CSS/NO-NO-NO-NO-SUSE-SELEKTOR	Larang pemilih yang didefinisikan dalam css yang tidak digunakan yang tidak digunakan di `<template>`
VUE-SCOPED-CSS/membutuhkan-v-sedalam-argumen	Membutuhkan argumen pemilih untuk diteruskan ke `::v-deep()`	?
VUE-SCOPED-CSS/membutuhkan-v-global-argumen	Membutuhkan argumen pemilih untuk diteruskan ke `::v-global()`
VUE-SCOPED-CSS/membutuhkan-V-Slotted-Argument	Membutuhkan argumen pemilih untuk diteruskan ke `::v-slotted()`

Direkomendasikan untuk vue.js 2.x

Menegakkan semua aturan dalam kategori ini dengan:

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

atau

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

ID peraturan	Keterangan
tipe vue-scoped-css/-meforce-style	Menegakkan tag `<style>` agar jelas atau memiliki atribut `scoped` atau `module`
VUE-SCOPED-CSS/NO-PARSING-ERROR	melarang kesalahan parsing dalam `<style>`
vue-scoped-css/no-no-used-keyframe	Larang `@keyframes` yang tidak digunakan dalam css yang dilingkupkan
VUE-SCOPED-CSS/NO-NO-NO-NO-SUSE-SELEKTOR	Larang pemilih yang didefinisikan dalam css yang tidak digunakan yang tidak digunakan di `<template>`

Tidak dikategorikan

Tidak ada preset yang memungkinkan aturan dalam kategori ini. Harap aktifkan setiap aturan jika Anda mau.

Misalnya:

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

ID peraturan	Keterangan
VUE-SCOPED-CSS/NO-DEPRECATED-V-ENTER-V-LEVE-CLASS	Larang kelas V-enter dan V-LEVE.
VUE-SCOPED-CSS/Perlu-Selector-digunakan-Inside	Larang pemilih yang didefinisikan yang tidak digunakan di dalam `<template>`
VUE-SCOPED-CSS/V-DEEP-PSEUDO-STYLE	teguh `:deep()` / `::v-deep()` style	?
VUE-SCOPED-CSS/V-Global-Pseudo-style	BERBAIKI `:global()` / `::v-global()` gaya	?
VUE-SCOPED-CSS/V-Slotted-Pseudo-style	teguh `:slotted()` / `::v-slotted()` style	?

Tercerahkan

️ Kami akan menghapus aturan yang sudah usang dalam rilis besar berikutnya. Silakan bermigrasi ke penerus/aturan baru.
? Kami tidak memperbaiki bug yang ada dalam aturan yang sudah usang karena kami tidak memiliki sumber daya yang cukup.