Gathering detailed insights and metrics for two-faces-stylelint-config-recommended-vue
Gathering detailed insights and metrics for two-faces-stylelint-config-recommended-vue
Installations
npm install two-faces-stylelint-config-recommended-vueDeveloper Guide
BETA
Typescript
No
Module System
CommonJS
Min. Node Version
^12 || >=14
Node Version
18.19.0
NPM Version
10.2.3
Releases
Unable to fetch releases
Download Statistics
Total Downloads
0
Last Day
0
Last Week
0
Last Month
0
Last Year
0
Sponsor this package
Maintainers
1
Package Meta Information
Latest Version
1.5.0
Package Id
two-faces-stylelint-config-recommended-vue@1.5.0
Unpacked Size
9.68 kB
Size
3.58 kB
File Count
8
NPM Version
10.2.3
Node Version
18.19.0
Published on
Jan 29, 2024
Total Downloads
Cumulative downloads
Total Downloads
NaN
Last Day
0%
NaN
Compared to previous day
Last Week
0%
NaN
Compared to previous week
Last Month
0%
NaN
Compared to previous month
Last Year
0%
NaN
Compared to previous year
Weekly Downloads
Monthly Downloads
Yearly Downloads
Peer Dependencies
2
Dev Dependencies
16
two-faces-stylelint-config-recommended-vue
The recommended shareable Vue config for Stylelint.
This config:
- extends the
stylelint-config-recommendedshared config and configures its rules for Vue - bundles the
postcss-htmlcustom syntax and configures it
Requirements
- Stylelint v14.0.0 and above
It cannot be used with Stylelint v13 and below.
To see the rules that this config uses, please read the config itself.
:cd: Installation
1npm install --save-dev postcss-html two-faces-stylelint-config-recommended-vue
:book: Usage
Set your stylelint config to:
1{ 2 "extends": "two-faces-stylelint-config-recommended-vue" 3}
Note: This config enables rules for only .vue files.
If you don't want the rules to be overridden (If you want to enable only the parser.), please use stylelint-config-html.
1{ 2 "extends": "stylelint-config-html/vue" 3}
Since this package configure customSyntax option to allow parsing Vue files, be sure it is the LAST item into the extends array, in case more than one configuration is applied.
Not complying to this rule may result in broken Vue files parsing, generating confusing errors like Unknown word (CssSyntaxError).
With SCSS
Install stylelint-config-recommended-scss:
1npm install --save-dev stylelint-config-recommended-scss
Set your stylelint config to:
1{ 2 "extends": "two-faces-stylelint-config-recommended-vue/scss" 3}
When used with stylelint-config-standard-scss:
1{ 2 "extends": [ 3 "stylelint-config-standard-scss", 4 "two-faces-stylelint-config-recommended-vue/scss" 5 ] 6}
However, some stylistic rules may not work well with Vue. We recommend that you install stylelint-config-standard-vue instead.
Extending the config
Simply add a "rules" key to your config, then add your overrides and additions there.
For example, to add the unit-allowed-list rule:
1{ 2 "extends": "two-faces-stylelint-config-recommended-vue", 3 "overrides": [ 4 { 5 "files": ["*.vue", "**/*.vue"], 6 "rules": { 7 "unit-allowed-list": ["em", "rem", "s"] 8 } 9 } 10 ] 11}
:computer: Editor integrations
Visual Studio Code
Use the stylelint.vscode-stylelint extension that Stylelint provides officially.
You have to configure the stylelint.validate option of the extension to check .vue files, because the extension does not check the *.vue file by default.
Example .vscode/settings.json:
1{ 2 "stylelint.validate": [ 3 ..., 4 // ↓ Add "vue" language. 5 "vue" 6 ]
:lock: License
See the LICENSE file for license rights and limitations (MIT).
No vulnerabilities found.
No security vulnerabilities found.