From the course: CSS: Refactoring Style Sheets
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Install and configure stylelint - CSS Tutorial
From the course: CSS: Refactoring Style Sheets
Install and configure stylelint
- [Instructor] The first tool we'll look at is stylelint, described as a mighty, modern linter that helps you avoid errors and enforce conventions in your styles. Stylelint does to CSS what JS and ESLint do to JavaScript, which is look for errors, flag them, and tell you what's wrong and how to fix it, and in some cases it can even fix the error for you. Stylelint is a great tool for writing as well as refactoring CSS and I recommend using it all the time to keep tabs on your own code as you work. The beauty of tools like stylelint is you can create your own custom configurations for them to say exactly what you think is the right or wrong way of writing code. So you can either take prepackaged setups, or you can create your own configs to control exactly what's going on. Let's get stylelint set up and working in our project. We have to do this in a couple of stages, because stylelint is a command line tool. So in this movie we'll install stylelint and configure it to work inside the…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
Set up an npm project4m 39s
-
(Locked)
Install and configure stylelint5m 20s
-
(Locked)
Make stylelint work in Visual Studio Code3m 56s
-
(Locked)
Demo: How stylelint works5m 30s
-
(Locked)
Install and configure Prettier3m 24s
-
(Locked)
Make Prettier work in Visual Studio Code4m 11s
-
(Locked)
Automatic rational property order2m 18s
-
-
-
-