{"id":16100919,"url":"https://github.com/mohammadmd1383/vscode-sassc","last_synced_at":"2025-04-12T20:42:04.008Z","repository":{"id":136695629,"uuid":"381102993","full_name":"MohammadMD1383/vscode-sassc","owner":"MohammadMD1383","description":"Compile sass/scss in visual studio code without need of installing Node.js","archived":false,"fork":false,"pushed_at":"2021-07-25T12:35:00.000Z","size":203,"stargazers_count":5,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-26T14:55:57.038Z","etag":null,"topics":["compiler","extension","node-js","nodejs","sass","sass-framework","scss","scss-framework","stylesheet","stylesheets","visual-studio-code","vscode","vscode-extension"],"latest_commit_sha":null,"homepage":"","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/MohammadMD1383.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,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-06-28T16:55:22.000Z","updated_at":"2023-10-26T04:40:44.000Z","dependencies_parsed_at":null,"dependency_job_id":"8f315329-8b04-4a5a-ad23-6fe67dc799bd","html_url":"https://github.com/MohammadMD1383/vscode-sassc","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MohammadMD1383%2Fvscode-sassc","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MohammadMD1383%2Fvscode-sassc/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MohammadMD1383%2Fvscode-sassc/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MohammadMD1383%2Fvscode-sassc/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/MohammadMD1383","download_url":"https://codeload.github.com/MohammadMD1383/vscode-sassc/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248631668,"owners_count":21136554,"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":["compiler","extension","node-js","nodejs","sass","sass-framework","scss","scss-framework","stylesheet","stylesheets","visual-studio-code","vscode","vscode-extension"],"created_at":"2024-10-09T18:48:41.101Z","updated_at":"2025-04-12T20:42:03.988Z","avatar_url":"https://github.com/MohammadMD1383.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Visual Studio Code SASS/SCSS Compiler\n\nCompile sass/scss in visual studio code without need of installing **Node.js**\n\n## Table Of Contents\n\n-   [Features](#features)\n-   [How To](#how-to)\n-   [Config File](#config-file)\n-   [Extension API](#extension-api)\n-   [Known Issues](#known-issues)\n\n### Features\n\n-   **Single Compilation**: compile any sass/scss file without need of being in a sass/scss project:\n    -   see in vscode output\n    -   compile it next to current sass/scss file\n    -   compile it anywhere you want\n-   **Live View**: see the compiled css next to sass/scss as you edit\n-   **Compile Project**\u003csup\u003e[\\*](#reference)\u003c/sup\u003e: compile a sass/scss project\n-   **Watch Project**\u003csup\u003e[\\*](#reference)\u003c/sup\u003e: use sass/scss `watch` feature to compile your project\n\n### How To\n\n**Single Compilation**-**Live View**:\n\n1. open any `.{sass,scss}` file\n2. click the \u003cimg src=\"https://github.com/MohammadMD1383/vscode-sassc/blob/master/res/icon/compile-single-file/png/sassc-compile-single-file%40dark.png\" alt=\"Image\" width=\"15\" style=\"vertical-align:middle;\"\u003e icon at top right of editor\n3. choose the compilation mode\n\n**Compile Project**:\n\n1. open a vscode workspace(folder)\n2. add a `sassconfig.json` file at the root of your sass/scss files\n3. a status bar item appears (Compile Project)\n4. click on that and your project will be compiled\n\n**Watch Project**:\n\n1. follow steps 1 and 2 of previous section\n2. right click on `sassconfig.json` file\n3. click _Watch Project_ and your project will be watched\n    - open commands by pressing \u003ckbd\u003eF1\u003c/kbd\u003e\n        - **destroy watch**: destroys an active watch\n        - **show active watches**: shows the current active watches\n\n### Config File\n\nHere is the syntax of `sassconfig.json` file:\n\n```ts\n{\n\toutDir?: string,\n\tremoveComments?: boolean,\n\tsourceMaps?: boolean,\n\tindentType?: \"space\" | \"tab\",\n\tindentWidth?: number,\n\tlinefeed?: \"cr\" | \"crlf\" | \"lf\" | \"lfcr\",\n\tomitSourceMapUrl?: boolean,\n\toutputStyle?: \"expanded\" | \"compressed\"\n}\n```\n\n### Extension API\n\nThis extension provides some commands that can be used by other extensions\n\nCurrent Commands:\n\n-   `vscode-sassc.api.render`\n    -   parameters\n        -   `sass.Options` options: see [sassCompileOptions](https://sass-lang.com/documentation/js-api#options)\n    -   returns `sass.Result`: see [sassResult](https://sass-lang.com/documentation/js-api#result-object)\n\n### Known Issues\n\n-   nothing yet!\n\n---\n\n\u003cp id=\"reference\"\u003e\n*: needs \u003ccode\u003esassconfig.json\u003c/code\u003e file to be in the root of sass/scss project\n\u003c/p\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmohammadmd1383%2Fvscode-sassc","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmohammadmd1383%2Fvscode-sassc","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmohammadmd1383%2Fvscode-sassc/lists"}