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.
Make stylelint work in Visual Studio Code - CSS Tutorial
From the course: CSS: Refactoring Style Sheets
Make stylelint work in Visual Studio Code
- [Instructor] Stylelint, like most developer tools these days, is a command line tool, meaning to get access to the stylelint configuration I just set up and actually use it on my files, I need to do it in the command line, which is fine if I'm either doing a lot of command line work or if I'm using some sort of task runner like Gulp, or Grunt, or NPM scripts, or something else. However, when you're writing CSS, you really want the editor itself to tell you when you're doing something wrong and help you fix it, and stylelint can do that if we install an extension to VS Code that takes advantage of the stylelint settings. So, first of all, I'll show you that stylelint currently is not working by going to my builds folder, opening development and CSS, and opening the style sheet. As you can see, scrolling through this file, nowhere within the file is an error flag, and that could be because the CSS is perfect and there are no errors, but I highly doubt it. I mean, when I write CSS…
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
-
-
-
-