<h2 id="create-stylelintrc-">Create <code>.stylelintrc</code></h2>
<pre><code>{
  "<span class="hljs-attr">processors</span>": [<span class="hljs-string">"stylelint-processor-html"</span>],
  "<span class="hljs-attr">extends</span>": <span class="hljs-string">"stylelint-config-standard"</span>
}
</code></pre><h2 id="install-packages">Install packages</h2>
<pre><code><span class="hljs-built_in">npm</span> i stylelint -D
<span class="hljs-built_in">npm</span> i stylelint-processor-html -D
<span class="hljs-built_in">npm</span> i stylelint-config-standard -D
</code></pre><h2 id="add-scripts">Add scripts</h2>
<p>Add <code>lint:css</code> to package.json</p>
<pre><code><span class="hljs-string">"scripts"</span>: {
  <span class="hljs-string">"lint:css"</span>: <span class="hljs-string">"stylelint '**/*.vue' --syntax scss"</span>
},
</code></pre><p>Run stylelint <code>lint:css</code> script</p>
<pre><code><span class="hljs-built_in">npm</span> run lint:css
</code></pre>

## Create `.stylelintrc`

```
{
  "processors": ["stylelint-processor-html"],
  "extends": "stylelint-config-standard"
}
```

## Install packages

```
npm i stylelint -D
npm i stylelint-processor-html -D
npm i stylelint-config-standard -D
```

## Add scripts 

Add `lint:css` to package.json

```
"scripts": {
  "lint:css": "stylelint '**/*.vue' --syntax scss"
},
```

Run stylelint `lint:css` script

```
npm run lint:css
```

How to lint Vue files with stylelint?

💻 Full Stack Developer • 🎨 Designer • Founder & CEO CodeCarrot & Digital Paper • 🔴 Live streamer at twitch.tv/mittalyashu


Blogs related to tech, Node.js, Vue.js, GraphQL and more.

Yashu Mittal

Yashu Mittal

How to lint Vue files with stylelint?

Create `.stylelintrc`

Install packages

Add scripts

How to lint Vue files with stylelint?

Create .stylelintrc

Install packages

Add scripts

Create `.stylelintrc`