Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mrmlnc/vscode-scss
:electric_plug: IntelliSense for Variables, Mixins and Functions in all Sass (SCSS syntax only) files.
https://github.com/mrmlnc/vscode-scss
css scss visual-studio-code vscode vscode-extension
Last synced: 2 months ago
JSON representation
:electric_plug: IntelliSense for Variables, Mixins and Functions in all Sass (SCSS syntax only) files.
- Host: GitHub
- URL: https://github.com/mrmlnc/vscode-scss
- Owner: mrmlnc
- License: mit
- Created: 2016-10-16T11:16:06.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2023-08-15T04:05:32.000Z (over 1 year ago)
- Last Synced: 2024-11-09T18:27:00.432Z (3 months ago)
- Topics: css, scss, visual-studio-code, vscode, vscode-extension
- Language: TypeScript
- Homepage: https://goo.gl/UFfMHB
- Size: 558 KB
- Stars: 173
- Watchers: 6
- Forks: 42
- Open Issues: 50
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
- awesome-github-star - vscode-scss
README
# vscode-scss
> SCSS IntelliSense (Variables, Mixins and Functions) for all files in the workspace.
## Donation
Do you like this project? Support it by donating, creating an issue or pull request.
[](https://paypal.me/mrmlnc)
## Install
Plugin installation is performed in several stages:
* Press F1 and select `Extensions: Install Extensions`.
* Search and choose `vscode-scss`.
See the [extension installation guide](https://code.visualstudio.com/docs/editor/extension-gallery) for details.
## Usage
Just install the plugin and use it.
## Supported features
* Code Completion Proposals (variables, mixins, functions) — [description](http://code.visualstudio.com/docs/extensions/language-support#_show-code-completion-proposals)
* Hover (variables, mixins, functions) — [description](http://code.visualstudio.com/docs/extensions/language-support#_show-hovers)
* Signature Help (mixins, functions) — [description](http://code.visualstudio.com/docs/extensions/language-support#_help-with-function-and-method-signatures)
* Go to (variables, mixins, functions) — [description](http://code.visualstudio.com/docs/extensions/language-support#_show-definitions-of-a-symbol)
* Show all All Symbol Definitions in Folder (variables, mixin, functions) — [description](http://code.visualstudio.com/docs/extensions/language-support#_show-all-all-symbol-definitions-in-folder)
* Import files by `@import "filepath";` from anywhere. Even outside of the open workspace.
* Support vue file scss block.
## Supported settings
#### scss.scannerDepth
* Type: `number`
* Default: `30`
The maximum number of nested directories to scan.
#### scss.scannerExclude
* Type: `string[]`
* Default: `["**/.git", "**/node_modules", "**/bower_components"]`
List of glob patterns for directories that are excluded when scanning.
#### scss.scanImportedFiles
* Type: `boolean`
* Default: `true`
Allows scan imported files.
#### scss.implicitlyLabel
* Type: `string|null`
* Default: `(implicitly)`
The text of a label that the file imported implicitly. If `null` then label not displayed.
#### scss.showErrors
* Type: `boolean`
* Default: `false`
Allows to display errors.
#### scss.suggestVariables
* Type: `boolean`
* Default: `true`
Allows prompt Variables.
#### scss.suggestMixins
* Type: `boolean`
* Default: `true`
Allows prompt Mixins.
#### scss.suggestFunctions
* Type: `boolean`
* Default: `true`
Allows prompt Functions.
#### scss.suggestFunctionsInStringContextAfterSymbols
* Type: `boolean`
* Default: ` (+-*%`
Allows prompt Functions in String context after specified symbols. For example, if you add the `/` symbol, then `background: url(images/he|)` will be suggest `hello()` function if it is defined.
#### scss.dev.serverPort
* Type: `number`
* Default: `-1`
Launches the SCSS IntelliSense server at a specific port for debugging and profiling. Used for [filing performance issue](./.github/PERF_ISSUE.md).
## Questions
**I don't see suggestions in the SCSS files.**
You must perform several steps:
* Set `scss.showErrors` option in settings of Editor.
* Restart VS Code.
* Try to reproduce your problem.
* Open `Help -> Toggle Developer Tools` and copy errors.
* Create Issue on GitHub.
## Changelog
See the [Releases section of our GitHub project](https://github.com/mrmlnc/vscode-scss/releases) for changelogs for each release version.
## License
This software is released under the terms of the MIT license.