Users/project/webpage/public/css/įolder and file are generated in. Users/project/webpage/public/css/app.css Here will show the compiling output path is changed and min.css is generated: Compiling Sass/Scss Files: All-in-one markdown plugin (keyboard shortcuts, table of contents, auto preview, list editing and more). When saving the settings, start running “Watch Sass” (in the bottom status list). Popular Visual Studio key bindings for VS Code. See more in Key Bindings for Visual Studio Code. autoprefix, will auto add perfix like -webkit-moz-. Keyboard Shortcut: Ctrl+K Ctrl+S You can search for shortcuts and add your own keybindings to the keybindings.json file. Here, put the following content to settings.json: If you just wanna change the settings in the current workspace, go to “Code > Preferences > Settings > Workspace > Extensions > Edit in settings.json” for change the workspace settings. In VS Code, go to “Code > Preferences > Settings > User > Extensions > Edit in settings.json” for change the global settings.
Here is my original project folder, and I wanna set the scss file output css to path “./public/css” with normal css and minify css. How customer the Live Sass Compiler output settings like output path and minimize formats In Visual Studio Code, I’m using the Live Sass Compiler and Live Server (both plugins are developed by Ritwick Dey) for the development HTML project.Īfter install Live Sass compiler and Liver Server, the quickly functional button “Watch Sass” and “Go Live” will show in the VSCode bottom status list.
0 kommentar(er)
