Live SASS Compiler v6.0 - Deep dive - Installation, Intro, Settings & Commands

Top Marks Development
Top Marks Development
3 هزار بار بازدید - 12 ماه پیش - In this video I talk
In this video I talk through: what exactly is the Live SASS compiler for VS Code; How to install it; show it off and talk about the settings and commands. I hope you enjoy the video!

Don't have the extension yet? You can find it in the VS Code marketplace at: https://marketplace.visualstudio.com/.... Or, open the VS Code editor, press F1 and type `ext install glenn2223.live-sass`.

P.S. sorry for the poor audio (voice) quality at the start - please forgive me 😘

Chapters/timestamps:

00:00 Intro
00:28 What is Live SASS?
00:50 1) Installation
01:30 Changing settings in VS Code
05:08 2) Quick demo
07:20 3) The settings
08:07 liveSassCompile.settings.formats
08:44 formats[].format
09:55 formats[].extensionName
10:50 formats[].savePath
12:40 formats[].savePathReplacementPairs
15:15 Other formats properties
16:38 liveSassCompile.settings.excludeList
18:25 liveSassCompile.settings.includeItems
19:40 liveSassCompile.settings.partialsList
21:12 liveSassCompile.settings.generateMap
22:10 liveSassCompile.settings.autoprefix
25:55 liveSassCompile.settings.forceBaseDirectory
27:07 liveSassCompile.settings.rootIsWorkspace
29:05 liveSassCompile.settings.useNewCompiler
31:00 3.1) Other settings
32:06 liveSassCompile.settings.compileOnWatch
33:01 liveSassCompile.settings.watchOnLaunch
33:38 liveSassCompile.settings.showOutputWindowOn
35:44 liveSassCompile.settings.showAnnouncements
36:30 4) The commands
37:30 Live Sass: Watch Sass
37:46 Live Sass: Stop Watching
38:00 Live Sass: Compile Current Sass File
38:18 Live Sass: Compile Sass - Without Watch Mode
38:56 Live Sass: Report an issue
39:55 Live Sass: Check file will be included
40:37 Live Sass: Get all included files
41:05 All the output window ones
41:37 Guide: multi-root workspaces
43:52 Wrapping it up
44:24 Outro
12 ماه پیش در تاریخ 1402/04/30 منتشر شده است.
3,016 بـار بازدید شده
... بیشتر