{"id":13782198,"url":"https://github.com/ritwickdey/vscode-live-sass-compiler","last_synced_at":"2025-10-03T03:30:22.688Z","repository":{"id":39954514,"uuid":"96698622","full_name":"ritwickdey/vscode-live-sass-compiler","owner":"ritwickdey","description":"Compile Sass or Scss file to CSS at realtime with live browser reload feature.","archived":true,"fork":false,"pushed_at":"2023-11-22T23:45:17.000Z","size":3943,"stargazers_count":657,"open_issues_count":415,"forks_count":169,"subscribers_count":29,"default_branch":"master","last_synced_at":"2024-09-29T08:02:09.317Z","etag":null,"topics":["sass","sass-compiler","scss","typescript","vscode","vscode-extension"],"latest_commit_sha":null,"homepage":"https://ritwickdey.github.io/vscode-live-sass-compiler/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ritwickdey.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2017-07-09T17:04:11.000Z","updated_at":"2024-09-23T19:06:43.000Z","dependencies_parsed_at":"2022-09-09T04:51:09.440Z","dependency_job_id":"9d0aeaac-d846-4df9-a87f-a53106948a17","html_url":"https://github.com/ritwickdey/vscode-live-sass-compiler","commit_stats":null,"previous_names":[],"tags_count":6,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ritwickdey%2Fvscode-live-sass-compiler","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ritwickdey%2Fvscode-live-sass-compiler/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ritwickdey%2Fvscode-live-sass-compiler/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ritwickdey%2Fvscode-live-sass-compiler/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ritwickdey","download_url":"https://codeload.github.com/ritwickdey/vscode-live-sass-compiler/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":235069300,"owners_count":18930936,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["sass","sass-compiler","scss","typescript","vscode","vscode-extension"],"created_at":"2024-08-03T18:01:33.975Z","updated_at":"2025-10-03T03:30:22.164Z","avatar_url":"https://github.com/ritwickdey.png","language":"TypeScript","funding_links":[],"categories":["插件"],"sub_categories":[],"readme":"\n-------\n❗IMPORTANT: This extenison has been deprecated.\n\nPlease install this [extension](https://marketplace.visualstudio.com/items?itemName=glenn2223.live-sass). \n\nMaintained by [Glenn](https://github.com/glenn2223). \nA big thank you to [Glenn](https://github.com/glenn2223).  \nRepo: https://github.com/glenn2223/vscode-live-sass-compiler\n\n-----\n\n# Live Sass Compiler\n\n**_[If you like the extension, [please leave a review](https://marketplace.visualstudio.com/items?itemName=ritwickdey.live-sass#review-details), it puts a smile on my face.]_**\n\n**_[If you found any bug or if you have any suggestion, feel free to report or suggest me.]_**\n\n[![VSCode Marketplace Badge](https://img.shields.io/vscode-marketplace/v/ritwickdey.live-sass.svg?label=VSCode%20Marketplace\u0026style=flat-square)](https://marketplace.visualstudio.com/items?itemName=ritwickdey.live-sass) [![Total Install](https://img.shields.io/vscode-marketplace/d/ritwickdey.live-sass.svg?style=flat-square)](https://marketplace.visualstudio.com/items?itemName=ritwickdey.live-sass) [![Avarage Rating Badge](https://img.shields.io/vscode-marketplace/r/ritwickdey.live-sass.svg?style=flat-square)](https://marketplace.visualstudio.com/items?itemName=ritwickdey.live-sass) [![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg?style=flat-square)](https://github.com/ritwickdey/vscode-live-sass-compiler/)\n\nA VSCode Extension that help you to compile/transpile your SASS/SCSS files to CSS files at realtime with live browser reload.\n\n![App Preview](./images/Screenshot/AnimatedPreview.gif)\n\n## Usage/Shortcuts\n1. Click to `Watch Sass` from Statusbar to turn on the live compilation and then click to `Stop Watching Sass` from Statusbar to turn on live compilation . \n![Statusbar control](./images/Screenshot/statusbar.jpg)\n\n2. Press `F1` or `ctrl+shift+P` and type `Live Sass: Watch Sass` to start live compilation or, type `Live Sass: Stop Watching Sass` to stop a live compilation.\n3. Press `F1` or `ctrl+shift+P` and type `Live Sass: Compile Sass - Without Watch Mode ` to compile Sass or Scss for one time.\n\n## Features\n* Live SASS \u0026 SCSS Compile.\n* Customizable file location of exported CSS.\n* Customizable exported CSS Style (`expanded`, `compact`, `compressed`, `nested`).\n* Customizable extension name (`.css` or `.min.css`).\n* Quick Status bar control.\n* Exclude Specific Folders by settings. \n* Live Reload to browser (Dependency on `Live Server` extension).\n* Autoprefix Supported (See setting section)\n\n## Installation\nOpen VSCode Editor and Press `ctrl+P`, type `ext install live-sass`.\n\n## Settings\nAll settings are now listed here  [Settings Docs](./docs/settings.md).\n\n## FAQ\n*All FAQs are now listed here [FAQ Docs](./docs/faqs.md)*\n\n## Extension Dependency \nThis extension has dependency on _[Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer)_ extension for live browser reload.\n\n## What's new ?\n\n* #### Version 3.0.0 (11.07.2018)\n    *  Upgrade `sass.js` library that included fixes for 8 digit Hex code \u0026 grid name. [Fixes [#39](https://github.com/ritwickdey/vscode-live-sass-compiler/issues/39), [#40](https://github.com/ritwickdey/vscode-live-sass-compiler/issues/40), [#78](https://github.com/ritwickdey/vscode-live-sass-compiler/issues/77)]  \n\n## Changelog\nTo check full changelog click here [changelog](CHANGELOG.md).\n\n## LICENSE\nThis extension is licensed under the [MIT License](LICENSE)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fritwickdey%2Fvscode-live-sass-compiler","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fritwickdey%2Fvscode-live-sass-compiler","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fritwickdey%2Fvscode-live-sass-compiler/lists"}